<!doctype html>
<!DOCTYPE html>
<!--STATUS OK-->
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="always" name="referrer">
    <meta name="theme-color" content="#2932e1">
    <meta name="keywords" content="Gooooooooogle、搜索、Google搜索、Gooooooooogle热榜、热榜、每日简报、上班摸鱼、当日热门、聚合资讯、历史上的今天">
    <meta name="description" content="Gooooooooogle搜索提供了国内百度国外Google搜索,在搜索过程中也能看到历史上的今天发生的各种事情。并且集成了各大热门网站的聚合信息、榜单,包括了知乎、微博、虎扑、V2EX、贴吧、Github、抖音、今日头条等等,在这里你能够轻松了解全网最新资讯">
    <link rel="shortcut icon" href="/static/baidu/img/gooooooooogle.png" type="image/x-icon">
    <link rel="icon" sizes="any" mask="" href="/static/baidu/img/gooooooooogle.png">
    <!-- <link rel="dns-prefetch" href="//dss0.bdstatic.com"> -->
    <!-- <link rel="dns-prefetch" href="//dss1.bdstatic.com"> -->
    <!-- <link rel="dns-prefetch" href="//ss1.bdstatic.com"> -->
    <!-- <link rel="dns-prefetch" href="//sp0.baidu.com"> -->
    <!-- <link rel="dns-prefetch" href="//sp1.baidu.com"> -->
    <!-- <link rel="dns-prefetch" href="//sp2.baidu.com"> -->
    <title>Gooooooooogle 搜索 | Gooooooooogle热榜-聚合每日热门、有趣资讯、历史上的今天</title>
    <style index="newi" type="text/css">
        #form .bdsug {
            top: 39px
        }

        .bdsug {
            display: none;
            position: absolute;
            width: 535px;
            background: #fff;
            border: 1px solid #ccc !important;
            _overflow: hidden;
            box-shadow: 1px 1px 3px #ededed;
            -webkit-box-shadow: 1px 1px 3px #ededed;
            -moz-box-shadow: 1px 1px 3px #ededed;
            -o-box-shadow: 1px 1px 3px #ededed
        }

        .bdsug li {
            width: 519px;
            color: #000;
            font: 14px arial;
            line-height: 25px;
            padding: 0 8px;
            position: relative;
            cursor: default
        }

        .bdsug li.bdsug-s {
            background: #f0f0f0
        }

        .bdsug-store span,
        .bdsug-store b {
            color: #7A77C8
        }

        .bdsug-store-del {
            font-size: 12px;
            color: #666;
            text-decoration: underline;
            position: absolute;
            right: 8px;
            top: 0;
            cursor: pointer;
            display: none
        }

        .bdsug-s .bdsug-store-del {
            display: inline-block
        }

        .bdsug-ala {
            display: inline-block;
            border-bottom: 1px solid #e6e6e6
        }

        .bdsug-ala h3 {
            line-height: 14px;
            background: url(//www.baidu.com/img/sug_bd.png?v=09816787.png) no-repeat left center;
            margin: 6px 0 4px;
            font-size: 12px;
            font-weight: 400;
            color: #7B7B7B;
            padding-left: 20px
        }

        .bdsug-ala p {
            font-size: 14px;
            font-weight: 700;
            padding-left: 20px
        }

        #m .bdsug .bdsug-direct p {
            color: #00c;
            font-weight: 700;
            line-height: 34px;
            padding: 0 8px;
            margin-top: 0;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden
        }

        #m .bdsug .bdsug-direct p img {
            width: 16px;
            height: 16px;
            margin: 7px 6px 9px 0;
            vertical-align: middle
        }

        #m .bdsug .bdsug-direct p span {
            margin-left: 8px
        }

        #form .bdsug .bdsug-direct {
            width: auto;
            padding: 0;
            border-bottom: 1px solid #f1f1f1
        }

        #form .bdsug .bdsug-direct p i {
            font-size: 12px;
            line-height: 100%;
            font-style: normal;
            font-weight: 400;
            color: #fff;
            background-color: #2b99ff;
            display: inline;
            text-align: center;
            padding: 1px 5px;
            *padding: 2px 5px 0;
            margin-left: 8px;
            overflow: hidden
        }

        .bdsug .bdsug-pcDirect {
            color: #000;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
            background-color: #f8f8f8
        }

        .bdsug .bdsug-pc-direct-tip {
            position: absolute;
            right: 15px;
            top: 8px;
            width: 55px;
            height: 15px;
            display: block;
            background: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/pc_direct_42d6311.png) no-repeat 0 0
        }

        .bdsug li.bdsug-pcDirect-s {
            background-color: #f0f0f0
        }

        .bdsug .bdsug-pcDirect-is {
            color: #000;
            font-size: 14px;
            line-height: 22px;
            background-color: #f5f5f5
        }

        .bdsug .bdsug-pc-direct-tip-is {
            position: absolute;
            right: 15px;
            top: 3px;
            width: 55px;
            height: 15px;
            display: block;
            background: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/pc_direct_42d6311.png) no-repeat 0 0
        }

        .bdsug li.bdsug-pcDirect-is-s {
            background-color: #f0f0f0
        }

        .bdsug .bdsug-pcDirect-s .bdsug-pc-direct-tip,
        .bdsug .bdsug-pcDirect-is-s .bdsug-pc-direct-tip-is {
            background-position: 0 -15px
        }

        .bdsug .bdsug-newicon {
            color: #929292;
            opacity: .7;
            font-size: 12px;
            display: inline-block;
            line-height: 22px;
            letter-spacing: 2px
        }

        .bdsug .bdsug-s .bdsug-newicon {
            opacity: 1
        }

        .bdsug .bdsug-newicon i {
            letter-spacing: 0;
            font-style: normal
        }

        .bdsug .bdsug-feedback-wrap {
            display: none
        }

        .toggle-underline {
            text-decoration: none
        }

        .toggle-underline:hover {
            text-decoration: underline
        }

        .bdpfmenu,
        .usermenu {
            border: 1px solid #d1d1d1;
            position: absolute;
            width: 105px;
            top: 36px;
            z-index: 302;
            box-shadow: 1px 1px 5px #d1d1d1;
            -webkit-box-shadow: 1px 1px 5px #d1d1d1;
            -moz-box-shadow: 1px 1px 5px #d1d1d1;
            -o-box-shadow: 1px 1px 5px #d1d1d1
        }

        .bdpfmenu {
            font-size: 12px;
            background-color: #fff
        }

        .bdpfmenu a,
        .usermenu a {
            display: block;
            text-align: left;
            margin: 0 !important;
            padding: 0 9px;
            line-height: 26px;
            text-decoration: none
        }

        .briiconsbg {
            background-repeat: no-repeat;
            background-size: 300px 18px;
            background-image: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_0c37e9b.png);
            background-image: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/icons_809ae65.gif)\9
        }

        .bdpfmenu a:link,
        .bdpfmenu a:visited,
        #u .usermenu a:link,
        #u .usermenu a:visited {
            background: #fff;
            color: #333
        }

        .bdpfmenu a:hover,
        .bdpfmenu a:active,
        #u .usermenu a:hover,
        #u .usermenu a:active {
            background: #38f;
            text-decoration: none;
            color: #fff
        }

        .bdpfmenu {
            width: 70px
        }

        #wrapper .bdnuarrow {
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            display: block;
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -5px
        }

        #wrapper .bdnuarrow em,
        #wrapper .bdnuarrow i {
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            display: block;
            position: absolute;
            border: 5px solid transparent;
            border-style: dashed dashed solid
        }

        #wrapper .bdnuarrow em {
            border-bottom-color: #d8d8d8;
            top: -1px
        }

        #wrapper .bdnuarrow i {
            border-bottom-color: #fff;
            top: 0
        }

        #gxszHead .prefpanelclose {
            cursor: pointer;
            width: 16px;
            height: 16px;
            float: right;
            margin-top: 7px;
            background-position: -248px 0
        }

        #gxszHead .prefpanelclose:hover {
            background-position: -264px 0
        }

        .s_ipt::-webkit-input-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt::-moz-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt:-ms-input-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt::placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .kw-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            color: #aaa;
            font-size: 13px;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            max-width: 360px;
            z-index: 99;
            pointer-events: none
        }

        .kw-placeholder.kw-placehlder-high {
            height: 40px;
            line-height: 40px
        }

        .kw-placeholder.placeholders-hidden {
            visibility: hidden
        }

        #head_wrapper #form .bdsug-new {
            width: 544px;
            top: 35px;
            border-radius: 0 0 10px 10px;
            border: 2px solid #4E6EF2 !important;
            border-top: 0 !important;
            box-shadow: none;
            font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
            z-index: 1
        }

        #head_wrapper.sam_head_wrapper2 #form .bdsug-new {
            width: 545px;
            z-index: 1;
            border: 1px solid #4E6EF2 !important;
            border-top: 0 !important
        }

        #head_wrapper #form .bdsug-new ul {
            margin: 7px 14px 0;
            padding: 8px 0 7px;
            background: 0 0;
            border-top: 2px solid #f5f5f6
        }

        #head_wrapper #form .bdsug-new ul li {
            width: auto;
            padding-left: 14px;
            margin-left: -14px;
            margin-right: -14px;
            color: #626675;
            line-height: 28px;
            background: 0 0;
            font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif
        }

        #head_wrapper #form .bdsug-new ul li span {
            color: #626675
        }

        #head_wrapper #form .bdsug-new ul li b {
            font-weight: 400;
            color: #222
        }

        #head_wrapper #form .bdsug-new .bdsug-store-del {
            font-size: 13px;
            text-decoration: none;
            color: #9195A3;
            right: 16px
        }

        #head_wrapper #form .bdsug-new .bdsug-store-del:hover {
            color: #315EFB;
            cursor: pointer
        }

        #head_wrapper #form .bdsug-new ul li:hover,
        #head_wrapper #form .bdsug-new ul li:hover span,
        #head_wrapper #form .bdsug-new ul li:hover b {
            cursor: pointer
        }

        .wrapper_new #form .bdsug-new .bdsug-s {
            background-color: #F5F5F6 !important
        }

        #head .s-down #form .bdsug-new {
            top: 32px
        }

        .s-skin-hasbg #head_wrapper #form .bdsug-new {
            border-color: #4569ff !important;
            border-top: 0 !important
        }

        .s-skin-hasbg #head_wrapper.s-down #form .bdsug-new {
            border-color: #4e6ef2 !important;
            border-top: 0 !important
        }

        #head_wrapper #form .bdsug-new .bdsug-s,
        #head_wrapper #form .bdsug-new .bdsug-s span,
        #head_wrapper #form .bdsug-new .bdsug-s b {
            color: #315EFB
        }

        #head_wrapper #form .bdsug-new>div span:hover,
        #head_wrapper #form .bdsug-new>div a:hover {
            color: #315EFB !important
        }

        #head_wrapper #form #kw.new-ipt-focus {
            border-color: #4e6ef2
        }
    </style>
    <style type="text/css" index="superbase">
        blockquote,
        body,
        button,
        dd,
        dl,
        dt,
        fieldset,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        input,
        legend,
        li,
        ol,
        p,
        pre,
        td,
        textarea,
        th,
        ul {
            margin: 0;
            padding: 0
        }

        html {
            color: #000;
            overflow-y: scroll;
            overflow: -moz-scrollbars
        }

        body,
        button,
        input,
        select,
        textarea {
            font-size: 12px;
            font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 100%
        }

        em {
            font-style: normal
        }

        small {
            font-size: 12px
        }

        ol,
        ul {
            list-style: none
        }

        a {
            text-decoration: none
        }

        a:hover {
            text-decoration: underline
        }

        legend {
            color: #000
        }

        fieldset,
        img {
            border: 0
        }

        button,
        input,
        select,
        textarea {
            font-size: 100%
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        img {
            -ms-interpolation-mode: bicubic
        }

        textarea {
            resize: vertical
        }

        .left {
            float: left
        }

        .right {
            float: right
        }

        .overflow {
            overflow: hidden
        }

        .hide {
            display: none
        }

        .block {
            display: block
        }

        .inline {
            display: inline
        }

        .error {
            color: red;
            font-size: 12px
        }

        button,
        label {
            cursor: pointer
        }

        .clearfix:after {
            content: '\20';
            display: block;
            height: 0;
            clear: both
        }

        .clearfix {
            zoom: 1
        }

        .clear {
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
            visibility: hidden;
            overflow: hidden
        }

        .wordwrap {
            word-break: break-all;
            word-wrap: break-word
        }

        .s-yahei {
            font-family: arial, 'Microsoft Yahei', '微软雅黑'
        }

        pre.wordwrap {
            white-space: pre-wrap
        }

        body {
            text-align: center;
            background: #fff
        }

        body,
        form {
            position: relative;
            z-index: 0
        }

        td {
            text-align: left
        }

        img {
            border: 0
        }

        #s_wrap {
            position: relative;
            z-index: 0;
            min-width: 1000px
        }

        #wrapper {
            height: 100%
        }

        #head .s-ps-islite {
            _padding-bottom: 370px
        }

        #head_wrapper.s-ps-islite {
            padding-bottom: 370px
        }

        #head_wrapper.s-ps-islite #s_lm_wrap {
            bottom: 298px;
            background: 0 0 !important;
            filter: none !important
        }

        #head_wrapper.s-ps-islite .s_form {
            position: relative;
            z-index: 1
        }

        #head_wrapper.s-ps-islite .fm {
            position: absolute;
            bottom: 0
        }

        #head_wrapper.s-ps-islite .s-p-top {
            position: absolute;
            bottom: 40px;
            width: 100%;
            height: 181px
        }

        #head_wrapper.s-ps-islite #s_lg_img,
        #head_wrapper.s-ps-islite #s_lg_img_aging,
        #head_wrapper.s-ps-islite #s_lg_img_new {
            position: static;
            margin: 33px auto 0 auto
        }

        .s_lm_hide {
            display: none !important
        }

        #head_wrapper.s-down #s_lm_wrap {
            display: none
        }

        .s-lite-version #m {
            padding-top: 125px
        }

        #s_lg_img,
        #s_lg_img_aging,
        #s_lg_img_new {
            position: absolute;
            bottom: 10px;
            left: 50%;
            margin-left: -135px
        }

        #form {
            z-index: 1
        }

        #s_lm_wrap {
            position: absolute;
            margin-left: -447px;
            bottom: 0;
            left: 50%;
            z-index: 0;
            height: 30px;
            width: 895px;
            line-height: 30px;
            text-align: center
        }

        .s-skin-hasbg #s_lm_wrap {
            background: 0 0;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3)));
            background-image: -moz-linear-gradient(rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%);
            background-image: -ms-linear-gradient(rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%);
            background-image: -o-linear-gradient(rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%);
            background-image: linear-gradient(rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
        }

        #s_lm_wrap.s-down {
            display: none
        }

        #lm {
            color: #666;
            height: 15px;
            line-height: 16px;
            padding: 7px 0
        }

        #lm a {
            text-decoration: underline;
            color: #666
        }

        #nv {
            margin: 0 0 5px;
            _margin-bottom: 4px;
            padding: 2px 0 0;
            text-align: left;
            text-indent: 50px
        }

        #nv a,
        #nv b {
            margin-left: 19px
        }

        #lk,
        #nv a,
        #nv b,
        .btn {
            font-size: 14px
        }

        .s-down .s_form {
            padding-left: 0;
            margin-top: 0;
            min-height: 0
        }

        .s_form .tools {
            position: absolute;
            right: -55px
        }

        .s_form_wrapper {
            height: 100%
        }

        #head_wrapper.s-down #mCon span {
            color: #000
        }

        #lk {
            margin: 33px 0
        }

        #lk span {
            font: 14px "\5b8b\4f53"
        }

        #lh {
            margin: 16px 0 5px;
            word-spacing: 3px
        }

        #mCon {
            height: 15px;
            line-height: 15px;
            width: 28px;
            padding: 10px 8px 0 0;
            cursor: pointer;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/spis7-d578e7ff4b.png) no-repeat -684px -605px
        }

        #mCon span {
            color: #333;
            cursor: default;
            display: block
        }

        #mCon .hw {
            text-decoration: underline;
            cursor: pointer
        }

        #mMenu {
            width: 56px;
            border: 1px solid #9b9b9b;
            list-style: none;
            position: absolute;
            right: -9px;
            top: 30px;
            display: none;
            background: #fff;
            box-shadow: 1px 1px 2px #ccc;
            -moz-box-shadow: 1px 1px 2px #ccc;
            -webkit-box-shadow: 1px 1px 2px #ccc;
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color="#cccccc")\9
        }

        #mMenu a,
        #mMenu a:visited {
            color: #00c;
            width: 100%;
            height: 100%;
            display: block;
            line-height: 22px;
            text-indent: 6px;
            text-decoration: none;
            filter: none\9
        }

        #mMenu a:hover {
            background: #ebebeb
        }

        #mMenu .ln {
            height: 1px;
            background: #ebebeb;
            overflow: hidden;
            font-size: 1px;
            line-height: 1px;
            margin-top: -1px
        }

        #cp,
        #cp a {
            color: #77c
        }

        #tb_mr {
            color: #00c;
            cursor: pointer;
            position: relative;
            z-index: 200
        }

        #tb_mr b {
            font-weight: 400
        }

        #nv a,
        #tb_mr b {
            text-decoration: underline
        }

        #nv a {
            color: #00c
        }

        #hwr_div,
        #loading {
            z-index: 3000
        }

        .bd_bear_home {
            display: none
        }

        #mHolder {
            display: none
        }

        #mHolder .c-icon {
            right: 0;
            top: 0;
            position: absolute;
            float: right;
            width: 15px;
            height: 15px
        }

        .main {
            display: none
        }

        #s_feed {
            display: none
        }

        .s-ps-sug {
            border: 1px solid #ccc !important;
            box-shadow: 1px 1px 3px #ededed;
            -webkit-box-shadow: 1px 1px 3px #ededed;
            -moz-box-shadow: 1px 1px 3px #ededed;
            -o-box-shadow: 1px 1px 3px #ededed;
            position: absolute;
            top: 32px;
            left: 0
        }

        .s-ps-sug table {
            width: 100%;
            background: #fff;
            cursor: default
        }

        .s-ps-sug td {
            color: #000;
            font: 14px arial;
            height: 25px;
            line-height: 25px;
            padding: 0 8px
        }

        .s-ps-sug td b {
            color: #000
        }

        .s-ps-sug .mo {
            background: #ebebeb;
            cursor: pointer
        }

        .s-ps-sug .ml {
            background: #fff
        }

        .s-ps-sug td.sug_storage {
            color: #7a77c8
        }

        .s-ps-sug td.sug_storage b {
            color: #7a77c8
        }

        .s-ps-sug .sug_del {
            font-size: 12px;
            color: #666;
            text-decoration: underline;
            float: right;
            cursor: pointer;
            display: none
        }

        .s-ps-sug .sug_del {
            font-size: 12px;
            color: #666;
            text-decoration: underline;
            float: right;
            cursor: pointer;
            display: none
        }

        .s-ps-sug .mo .sug_del {
            display: block
        }

        .s-ps-sug .sug_ala {
            border-bottom: 1px solid #e6e6e6
        }

        .s-ps-sug td h3 {
            line-height: 14px;
            margin: 6px 0 4px 0;
            font-size: 12px;
            font-weight: 400;
            color: #7b7b7b;
            padding-left: 20px;
            background: url(img/sug_bd.png) no-repeat left center
        }

        .s-ps-sug td p {
            font-size: 14px;
            font-weight: 700;
            padding-left: 20px
        }

        .s-ps-sug td p span {
            font-size: 12px;
            font-weight: 400;
            color: #7b7b7b
        }

        #s_user_center {
            font-weight: 400;
            background-position: right -223px\9
        }

        #s_user_center_menu {
            right: 131px
        }

        .s-ps-islite #nv {
            padding-top: 22px;
            line-height: 16px;
            height: 16px;
            margin-bottom: 13px
        }

        #form .bdsug .bdsug-direct {
            width: auto;
            padding: 0;
            border-bottom: 1px solid #f1f1f1
        }

        #head_wrapper .bdsug .bdsug-direct p {
            color: #00c;
            font-weight: 700;
            line-height: 34px;
            padding: 0 8px;
            margin-top: 0;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden
        }

        #head_wrapper .bdsug .bdsug-direct p img {
            width: 16px;
            height: 16px;
            margin: 7px 6px 9px 0;
            vertical-align: middle
        }

        #head_wrapper .bdsug .bdsug-direct p span {
            margin-left: 8px
        }

        #head_wrapper .bdsug .bdsug-direct p i {
            font-size: 12px;
            line-height: 100%;
            font-style: normal;
            font-weight: 400;
            color: #fff;
            background-color: #2b99ff;
            display: inline;
            text-align: center;
            padding: 1px 5px;
            *padding: 2px 5px 0 5px;
            margin-left: 8px;
            overflow: hidden
        }

        #result_logo,
        #s_tab,
        #u,
        #wrapper_wrapper {
            display: none
        }

        #prefpanel {
            background: #fafafa;
            display: none;
            opacity: 0;
            position: fixed;
            _position: absolute;
            top: -359px;
            z-index: 500;
            width: 100%;
            min-width: 960px;
            border-bottom: 1px solid #ebebeb;
            *left: 0 !important;
            text-align: left
        }

        #prefpanel form {
            _width: 850px
        }

        @font-face {
            font-family: cIconfont;
            src: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-e253d720d6.eot);
            src: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-e253d720d6.eot?#iefix) format('embedded-opentype'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-b624973685.woff2) format('woff2'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-cb023b0f8c.woff) format('woff'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-868c7aac4a.ttf) format('truetype'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-0bc40f332a.svg#iconfont) format('svg')
        }

        .c-gap-top-small {
            margin-top: 3px
        }

        .c-gap-top {
            margin-top: 7px
        }

        .c-gap-top-large {
            margin-top: 11px
        }

        .c-gap-top-mini {
            margin-top: 2px
        }

        .c-gap-top-xsmall {
            margin-top: 4px
        }

        .c-gap-top-middle {
            margin-top: 10px
        }

        .c-gap-bottom-small {
            margin-bottom: 3px
        }

        .c-gap-bottom {
            margin-bottom: 7px
        }

        .c-gap-bottom-large {
            margin-bottom: 11px
        }

        .c-gap-bottom-mini {
            margin-bottom: 2px
        }

        .c-gap-bottom-xsmall {
            margin-bottom: 4px
        }

        .c-gap-bottom-middle {
            margin-bottom: 10px
        }

        .c-gap-left {
            margin-left: 12px
        }

        .c-gap-left-small {
            margin-left: 8px
        }

        .c-gap-left-xsmall {
            margin-left: 4px
        }

        .c-gap-left-mini {
            margin-left: 2px
        }

        .c-gap-left-large {
            margin-left: 16px
        }

        .c-gap-left-middle {
            margin-left: 10px
        }

        .c-gap-right {
            margin-right: 12px
        }

        .c-gap-right-small {
            margin-right: 8px
        }

        .c-gap-right-xsmall {
            margin-right: 4px
        }

        .c-gap-right-mini {
            margin-right: 2px
        }

        .c-gap-right-large {
            margin-right: 16px
        }

        .c-gap-right-middle {
            margin-right: 10px
        }

        .c-gap-icon-right-small {
            margin-right: 5px
        }

        .c-gap-icon-right {
            margin-right: 10px
        }

        .c-gap-icon-left-small {
            margin-left: 5px
        }

        .c-gap-icon-left {
            margin-left: 10px
        }

        .c-row {
            *zoom: 1
        }

        .c-row:after {
            display: block;
            height: 0;
            content: "";
            clear: both;
            visibility: hidden
        }

        .c-span1 {
            width: 32px
        }

        .c-span2 {
            width: 80px
        }

        .c-span3 {
            width: 128px
        }

        .c-span4 {
            width: 176px
        }

        .c-span5 {
            width: 224px
        }

        .c-span6 {
            width: 272px
        }

        .c-span7 {
            width: 320px
        }

        .c-span8 {
            width: 368px
        }

        .c-span9 {
            width: 416px
        }

        .c-span10 {
            width: 464px
        }

        .c-span11 {
            width: 512px
        }

        .c-span12 {
            width: 560px
        }

        .c-span10,
        .c-span11,
        .c-span12,
        .c-span2,
        .c-span3,
        .c-span4,
        .c-span5,
        .c-span6,
        .c-span7,
        .c-span8,
        .c-span9 {
            float: left;
            _display: inline;
            margin-right: 16px;
            list-style: none
        }

        .c-span-last {
            margin-right: 0
        }

        .c-span-last-s {
            margin-right: 0
        }

        .c-feed-box .c-span1 {
            width: 43px
        }

        .c-feed-box .c-span2 {
            width: 90px
        }

        .c-feed-box .c-span3 {
            width: 137px
        }

        .c-feed-box .c-span4 {
            width: 184px
        }

        .c-feed-box .c-span5 {
            width: 231px
        }

        .c-feed-box .c-span6 {
            width: 278px
        }

        .c-feed-box .c-span7 {
            width: 325px
        }

        .c-feed-box .c-span8 {
            width: 372px
        }

        .c-feed-box .c-span9 {
            width: 419px
        }

        .c-feed-box .c-span10 {
            width: 466px
        }

        .c-feed-box .c-span11 {
            width: 513px
        }

        .c-feed-box .c-span12 {
            width: 560px
        }

        .c-feed-box .c-span10,
        .c-feed-box .c-span11,
        .c-feed-box .c-span12,
        .c-feed-box .c-span2,
        .c-feed-box .c-span3,
        .c-feed-box .c-span4,
        .c-feed-box .c-span5,
        .c-feed-box .c-span6,
        .c-feed-box .c-span7,
        .c-feed-box .c-span8,
        .c-feed-box .c-span9 {
            margin-right: 4px
        }

        .c-feed-box .c-span-last {
            margin-right: 0
        }

        .c-index {
            display: inline-block;
            width: 14px;
            padding: 1px 0;
            line-height: 100%;
            text-align: center;
            color: #fff;
            background-color: #8eb9f5;
            font-size: 12px
        }

        .c-index-hot,
        .c-index-hot1 {
            background-color: #f54545
        }

        .c-index-hot2 {
            background-color: #ff8547
        }

        .c-index-hot3 {
            background-color: #ffac38
        }

        .c-index-single {
            display: inline-block;
            background: 0 0;
            color: #9195a3;
            width: 18px;
            font-size: 15px;
            letter-spacing: -1px
        }

        .c-index-single-hot,
        .c-index-single-hot1 {
            color: #fe2d46
        }

        .c-index-single-hot2 {
            color: #f60
        }

        .c-index-single-hot3 {
            color: #faa90e
        }

        .c-font-sigma {
            font: 36px/60px Arial, sans-serif
        }

        .c-font-large {
            font: 20px/30px Arial, sans-serif
        }

        .c-font-big {
            font: 20px/30px Arial, sans-serif
        }

        .c-font-special {
            font: 16px/26px Arial, sans-serif
        }

        .c-font-medium {
            font: 14px/24px Arial, sans-serif
        }

        .c-font-middle {
            font: 14px/24px Arial, sans-serif
        }

        .c-font-normal {
            font: 13px/23px Arial, sans-serif
        }

        .c-font-small {
            font: 12px/20px Arial, sans-serif
        }

        .c-font-family {
            font-family: Arial, sans-serif
        }

        .c-color-t {
            color: #222
        }

        .c-color-text {
            color: #333
        }

        .c-color-gray {
            color: #626675
        }

        .c-color-gray2 {
            color: #9195a3
        }

        .c-color-visited {
            color: #626675
        }

        .c-color-orange {
            color: #fa4901
        }

        .c-color-green {
            color: #0ebe90
        }

        .c-color-ad {
            color: #77a9f9
        }

        .c-color-red {
            color: #f63051
        }

        .c-color-red:visited {
            color: #f63051
        }

        .c-color-warn {
            color: #ff7900
        }

        .c-color-warn:visited {
            color: #ff7900
        }

        .c-color-link {
            color: #3951b3
        }

        .c-btn,
        .c-btn:visited {
            color: #333 !important
        }

        .c-btn {
            display: inline-block;
            overflow: hidden;
            font-family: inherit;
            font-weight: 400;
            text-align: center;
            vertical-align: middle;
            outline: 0;
            border: 0;
            height: 30px;
            width: 80px;
            line-height: 30px;
            font-size: 13px;
            border-radius: 6px;
            padding: 0;
            background-color: #f5f5f6;
            *zoom: 1;
            cursor: pointer
        }

        .c-btn:hover {
            background-color: #315efb;
            color: #fff !important
        }

        a.c-btn {
            text-decoration: none
        }

        button.c-btn {
            *overflow: visible;
            border: 0
        }

        button.c-btn::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .c-btn-disable {
            color: #c4c7ce !important
        }

        .c-btn-disable:visited {
            color: #c4c7ce !important
        }

        .c-btn-disable:hover {
            cursor: default;
            color: #c4c7ce !important;
            background-color: #f5f5f6
        }

        .c-btn-mini {
            height: 24px;
            width: 48px;
            line-height: 24px
        }

        .c-btn-mini .c-icon {
            margin-top: 2px
        }

        .c-btn-large {
            height: 30px;
            line-height: 30px;
            font-size: 14px
        }

        button.c-btn-large {
            height: 30px;
            _line-height: 24px
        }

        .c-btn-large .c-icon {
            margin-top: 7px;
            _margin-top: 6px
        }

        .c-btn-primary,
        .c-btn-primary:visited {
            color: #fff !important
        }

        .c-btn-primary {
            background-color: #4e6ef2
        }

        .c-btn-primary:hover {
            background-color: #315efb
        }

        .c-btn-weak {
            height: 24px;
            line-height: 24px;
            border-radius: 4px;
            font-size: 12px
        }

        .c-btn-add {
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            color: #9195a3 !important
        }

        .c-btn-add:hover {
            background-color: #4e6ef2;
            color: #fff !important
        }

        .c-btn-add .c-icon {
            float: none
        }

        .c-btn-add-disable:hover {
            cursor: default;
            color: #c4c7ce !important;
            background-color: #f5f5f6
        }

        .c-select {
            position: relative;
            display: inline-block;
            width: 96px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            vertical-align: middle;
            color: #222;
            font: 13px/23px Arial, sans-serif
        }

        .c-select-selection {
            display: block;
            height: 30px;
            line-height: 29px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            padding: 0 26px 0 10px;
            background-color: #fff;
            border-radius: 6px;
            border: 1px solid #d7d9e0;
            outline: 0;
            user-select: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .c-select-arrow,
        .c-select-arrow-up {
            position: absolute;
            top: -1px;
            right: 10px;
            color: #9195a3;
            font-size: 16px
        }

        .c-select-dropdown {
            display: none;
            position: absolute;
            padding-top: 4px;
            top: 25px;
            z-index: 999;
            left: 0;
            width: 94px;
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            background: #fff;
            border-radius: 0 0 6px 6px;
            border: 1px solid #d7d9e0;
            border-top: 0;
            zoom: 1
        }

        .c-select-split {
            border-top: 1px solid #f5f5f5;
            margin: 0 5px
        }

        .c-select-dropdown-list {
            padding: 0;
            margin: 5px 0 0;
            list-style: none
        }

        .c-select-dropdown-list.c-select-scroll {
            max-height: 207px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-right: 5px;
            margin-bottom: 9px
        }

        .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar {
            width: 2px
        }

        .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track {
            width: 2px;
            background: #f5f5f6;
            border-radius: 1px
        }

        .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb {
            width: 2px;
            height: 58px;
            background-color: #4e71f2;
            border-radius: 1px
        }

        .c-select-dropdown-list.c-select-scroll .c-select-item:last-child {
            margin: 0
        }

        .c-select-item {
            margin: 0 0 4px;
            padding: 0 10px;
            clear: both;
            white-space: nowrap;
            list-style: none;
            cursor: pointer;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box
        }

        .c-select-item:hover {
            color: #315efb
        }

        .c-select-item-selected {
            color: #315efb
        }

        .c-select-arrow-up {
            display: none
        }

        .c-select-visible .c-select-selection {
            border-radius: 6px 6px 0 0
        }

        .c-select-visible .c-select-dropdown {
            display: block
        }

        .c-select-visible .c-select-arrow {
            display: none
        }

        .c-select-visible .c-select-arrow-up {
            display: inline-block
        }

        .c-img {
            position: relative;
            display: block;
            min-height: 1px;
            border: 0;
            line-height: 0;
            background: #f5f5f6;
            overflow: hidden
        }

        .c-img img {
            width: 100%
        }

        .c-img1 {
            width: 32px
        }

        .c-img2 {
            width: 80px
        }

        .c-img3 {
            width: 128px
        }

        .c-img4 {
            width: 176px
        }

        .c-img6 {
            width: 272px
        }

        .c-img12 {
            width: 560px
        }

        .c-feed-box .c-img1 {
            width: 43px
        }

        .c-feed-box .c-img2 {
            width: 90px
        }

        .c-feed-box .c-img3 {
            width: 137px
        }

        .c-feed-box .c-img4 {
            width: 184px
        }

        .c-feed-box .c-img6 {
            width: 278px
        }

        .c-feed-box .c-img12 {
            width: 560px
        }

        .c-img-l,
        .c-img-s,
        .c-img-v,
        .c-img-w,
        .c-img-x,
        .c-img-y,
        .c-img-z {
            height: 0;
            overflow: hidden
        }

        .c-img-s {
            padding-bottom: 100%
        }

        .c-img-l {
            padding-bottom: 133.33333333%
        }

        .c-img-w {
            padding-bottom: 56.25%
        }

        .c-img-x {
            padding-bottom: 75%
        }

        .c-img-y {
            padding-bottom: 66.66666667%
        }

        .c-img-v {
            padding-bottom: 116.66666667%
        }

        .c-img-z {
            padding-bottom: 62.5%
        }

        .c-img-radius {
            border-radius: 6px
        }

        .c-img-radius-s {
            border-radius: 2px
        }

        .c-img-radius-small {
            border-radius: 2px
        }

        .c-img-radius-large {
            border-radius: 12px
        }

        .c-img-radius-middle {
            border-radius: 4px
        }

        .c-img-radius-left {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }

        .c-img-radius-right {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .c-img-radius-left-s {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px
        }

        .c-img-radius-right-s {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px
        }

        .c-img-radius-left-l {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px
        }

        .c-img-radius-right-l {
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px
        }

        .c-img-mask {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .04));
            background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .04))
        }

        .c-img-border {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border: 1px solid rgba(0, 0, 0, .05)
        }

        .c-img-circle {
            border-radius: 100%;
            overflow: hidden
        }

        .c-input {
            display: inline-block;
            font: 13px/23px Arial, sans-serif;
            color: #333;
            padding: 0 10px;
            border: 1px solid #d7d9e0;
            border-radius: 6px;
            height: 28px;
            line-height: 28px\9;
            font-size: 13px;
            outline: 0;
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            vertical-align: top;
            overflow: hidden
        }

        .c-input .c-icon {
            float: right;
            margin-top: 6px;
            font-size: 16px;
            color: #9195a3
        }

        .c-input .c-icon-left {
            float: left;
            margin-right: 4px
        }

        .c-input input {
            float: left;
            font-size: 13px;
            border: 0;
            outline: 0
        }

        .c-input input::-webkit-input-placeholder {
            color: #9195a3
        }

        .c-input input::-ms-input-placeholder {
            color: #9195a3
        }

        .c-input input::-moz-placeholder {
            color: #9195a3
        }

        .c-input::-webkit-input-placeholder {
            color: #9195a3
        }

        .c-input::-ms-input-placeholder {
            color: #9195a3
        }

        .c-input::-moz-placeholder {
            color: #9195a3
        }

        .c-input {
            width: 394px
        }

        .c-input input {
            width: 374px
        }

        .c-input-xmini {
            width: 154px
        }

        .c-input-xmini input {
            width: 134px
        }

        .c-input-mini {
            width: 202px
        }

        .c-input-mini input {
            width: 182px
        }

        .c-input-small {
            width: 346px
        }

        .c-input-small input {
            width: 326px
        }

        .c-input-large {
            width: 442px
        }

        .c-input-large input {
            width: 422px
        }

        .c-input-xlarge {
            width: 730px
        }

        .c-input-xlarge input {
            width: 710px
        }

        .c-input12 {
            width: 538px
        }

        .c-input12 input {
            width: 518px
        }

        .c-input20 {
            width: 922px
        }

        .c-input20 input {
            width: 902px
        }

        .c-checkbox,
        .c-radio {
            display: inline-block;
            position: relative;
            white-space: nowrap;
            outline: 0;
            line-height: 1;
            vertical-align: middle;
            cursor: pointer;
            width: 16px;
            height: 16px
        }

        .c-checkbox-inner,
        .c-radio-inner {
            display: inline-block;
            position: relative;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            top: 0;
            left: 0;
            background-color: #fff;
            color: #d7d9e0
        }

        .c-checkbox-input,
        .c-radio-input {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            opacity: 0;
            filter: alpha(opacity=0)\9;
            user-select: none;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            zoom: 1
        }

        .c-checkbox-inner-i,
        .c-radio-inner-i {
            display: none;
            font-size: 16px
        }

        .c-checkbox-inner-bg,
        .c-radio-inner-bg {
            font-size: 16px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .c-checkbox-checked .c-checkbox-inner-i,
        .c-radio-checked .c-radio-inner-i {
            color: #4e71f2;
            display: inline-block
        }

        .c-textarea {
            font: 13px/23px Arial, sans-serif;
            color: #333;
            padding: 0 10px;
            border: 1px solid #d7d9e0;
            border-radius: 6px;
            padding: 5px 10px;
            resize: none;
            outline: 0
        }

        .c-textarea::-webkit-input-placeholder {
            color: #9195a3
        }

        .c-textarea::-ms-input-placeholder {
            color: #9195a3
        }

        .c-textarea::-moz-placeholder {
            color: #9195a3
        }

        .c-icon {
            font-family: cIconfont !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .c-line-clamp1 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .c-line-clamp2 {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .c-text {
            display: inline-block;
            padding: 0 2px;
            text-align: center;
            vertical-align: middle;
            font-style: normal;
            color: #fff;
            overflow: hidden;
            line-height: 16px;
            height: 16px;
            font-size: 12px;
            border-radius: 4px;
            font-weight: 200
        }

        a.c-text {
            text-decoration: none !important
        }

        .c-text-info {
            padding-left: 0;
            padding-right: 0;
            font-weight: 700;
            color: #2b99ff;
            vertical-align: text-bottom
        }

        .c-text-info span {
            padding: 0 2px;
            font-weight: 400
        }

        .c-text-important {
            background-color: #1cb7fd
        }

        .c-text-public {
            background-color: #4e6ef2
        }

        .c-text-warning {
            background-color: #f60
        }

        .c-text-prompt {
            background-color: #ffc20d
        }

        .c-text-danger {
            background-color: #f73131
        }

        .c-text-safe {
            background-color: #39b362
        }

        .c-text-mult {
            padding: 0 4px;
            line-height: 18px;
            height: 18px;
            border-radius: 4px;
            font-weight: 400
        }

        .c-text-blue {
            background-color: #4e6ef2
        }

        .c-text-blue-border {
            border: 1px solid #cbd2ff;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #4e6ef2 !important
        }

        .c-text-green {
            background-color: #39b362
        }

        .c-text-green-border {
            border: 1px solid #c9e7cd;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #39b362 !important
        }

        .c-text-red {
            background-color: #f73131
        }

        .c-text-red-border {
            border: 1px solid #f0c8bd;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #f73131 !important
        }

        .c-text-yellow {
            background-color: #ffc20d
        }

        .c-text-yellow-border {
            border: 1px solid #fcedb1;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #ffc20d !important
        }

        .c-text-orange {
            background-color: #f60
        }

        .c-text-orange-border {
            border: 1px solid #f8d2b0;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #f60 !important
        }

        .c-text-pink {
            background-color: #fc3274
        }

        .c-text-pink-border {
            border: 1px solid #f6c4d7;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #fc3274 !important
        }

        .c-text-gray {
            background-color: #626675
        }

        .c-text-gray-border {
            border: 1px solid #dbdbdb;
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #626675 !important
        }

        .c-text-dark-red {
            background-color: #cc2929
        }

        .c-text-gray-opacity {
            background-color: rgba(0, 0, 0, .3)
        }

        .c-text-white-border {
            border: 1px solid rgba(255, 255, 255, .8);
            padding: 0 8px;
            border-radius: 4px;
            font-weight: 400;
            color: #fff !important
        }

        .c-text-hot {
            background-color: #f60
        }

        .c-text-new {
            background-color: #ff455b
        }

        .c-text-fei {
            background-color: #fc3200
        }

        .c-text-bao {
            background-color: #de1544
        }

        .c-text-rec {
            background-color: #4dadfe
        }

        .c-text-business {
            background-color: #b4c4ff
        }

        .c-text-time {
            background-color: rgba(0, 0, 0, .3)
        }

        .c-wrapper {
            word-wrap: break-word;
            word-break: break-all;
            font: 14px/24px Arial, sans-serif;
            color: #222
        }

        .c-wrapper:after {
            display: block;
            height: 0;
            content: "";
            clear: both;
            visibility: hidden
        }

        .c-container {
            width: 560px
        }

        .c-wrapper-l {
            width: 1088px
        }

        .c-wrapper-l .c-container-r {
            width: 368px
        }

        .c-wrapper-s {
            width: 944px
        }

        .c-wrapper-s .c-container-r {
            width: 272px
        }

        @media screen and (max-width:1340px) {
            .c-wrapper {
                width: 944px
            }

            .c-wrapper .c-container-r {
                width: 272px
            }
        }

        .c-dialog-box {
            display: none;
            position: absolute;
            z-index: 999;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            border-radius: 16px;
            background: #fff;
            padding: 19px 24px
        }

        .c-dialog-box .c-dialog-close {
            position: absolute;
            cursor: pointer;
            top: 12px;
            right: 12px;
            height: 14px;
            width: 14px;
            line-height: 1;
            color: #d7d9e0
        }

        .c-dialog-box .c-dialog-close:hover {
            color: #315efb
        }

        .c-floating-box {
            background: #fff;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
            -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
            -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
            -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
            border-radius: 12px;
            *border: 1px solid #d7d9e0
        }

        .c-link {
            color: #222;
            text-decoration: none
        }

        .c-link:visited {
            color: #626675
        }

        .c-link:hover {
            color: #315efb;
            text-decoration: none
        }

        .c-capsule-tip {
            display: inline-block;
            background: #f63051;
            border-radius: 7px;
            padding: 0 4px;
            height: 13px;
            font-size: 11px;
            line-height: 14px;
            color: #fff;
            text-align: center
        }

        .darkmode.c-container {
            color: #a8acad
        }

        .darkmode .c-abstract {
            color: #a8acad
        }

        .darkmode .c-link {
            color: #ffd862
        }

        .darkmode .c-link:hover {
            color: #fff762
        }

        .darkmode .c-link:visited {
            color: #ea80ff
        }

        .darkmode .c-btn {
            background-color: #31313b
        }

        .darkmode .c-btn,
        .darkmode .c-btn:visited {
            color: #a8acad !important
        }

        .darkmode .c-btn-primary,
        .darkmode .c-btn-primary:visited {
            background: #4e6ef2 !important;
            color: #fff !important
        }

        .darkmode .c-btn-disable {
            color: #6f7273 !important
        }

        .darkmode .c-btn-disable:visited {
            color: #6f7273 !important
        }

        .darkmode .c-btn-disable:hover {
            color: #6f7273 !important;
            background-color: #31313b
        }

        .darkmode .c-btn-add-disable:hover {
            color: #6f7273 !important;
            background-color: #31313b
        }

        .darkmode .c-color-link {
            color: #ffd862
        }

        .darkmode .c-color-visited {
            color: #ea80ff
        }

        .darkmode .c-color-t {
            color: #a8acad
        }

        .darkmode .c-color-text {
            color: #a8acad
        }

        .darkmode .c-color-link {
            color: #a8acad
        }

        .darkmode .c-color-red {
            color: #f14d2d
        }

        .darkmode .c-color-red:visited {
            color: #f14d2d
        }

        .darkmode .c-gray {
            color: #a8acad
        }

        .darkmode .c-color-gray {
            color: #a8acad
        }

        .darkmode .c-color-gray2 {
            color: #a8acad
        }

        .darkmode .c-text-danger {
            background-color: #f14d2d
        }

        .darkmode .c-text-red {
            background-color: #f14d2d
        }

        .darkmode .c-text-red-border {
            color: #f14d2d !important
        }

        .darkmode .c-text-public {
            background-color: #6783f4
        }

        .darkmode .c-text-blue {
            background-color: #6783f4
        }

        .darkmode .c-text-blue-border {
            color: #6783f4 !important
        }

        .darkmode .c-text-gray {
            background-color: #a5abac
        }

        .darkmode .c-text-gray-border {
            color: #a5abac !important
        }

        .darkmode .c-text-dark-red {
            background-color: #f74a4a
        }

        .darkmode .c-text-bao {
            background-color: #ff2d8b
        }

        .darkmode .c-capsule-tip {
            background: #f14d2d
        }

        .darkmode .c-select {
            color: #a8acad
        }

        .darkmode .c-select-arrow-up {
            color: #a8acad
        }

        .darkmode .c-select-item:hover {
            color: #fff762
        }

        .darkmode .c-select-item-selected {
            color: #fff762
        }

        .darkmode .c-tabs-nav {
            color: #a8acad
        }
    </style>
    <style type="text/css" index="index">
        body,
        html {
            height: 100%
        }

        html {
            overflow-y: auto
        }

        body {
            background: #fff
        }

        body,
        form,
        li,
        p,
        ul {
            list-style: none
        }

        #fm {
            position: relative
        }

        a:active {
            color: #f60
        }

        input {
            border: 0
        }

        #wrapper {
            position: relative;
            min-height: 100%
        }

        #head {
            padding-bottom: 100px;
            text-align: center;
            *z-index: 1
        }

        .bg {
            background-image: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/icons-441e82fb11.png);
            background-repeat: no-repeat;
            _background-image: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/icons-d5b04cc545.gif)
        }

        .c-icon-triangle-down-blue {
            background-position: -480px -168px
        }

        .c-icon-chevron-unfold2 {
            background-position: -504px -168px
        }

        #m {
            width: 720px;
            margin: 0 auto
        }

        #u {
            display: none
        }

        #c-tips-container {
            display: none
        }

        #wrapper {
            min-width: 1250px;
            height: 100%;
            min-height: 600px
        }

        #head {
            position: relative;
            padding-bottom: 0;
            height: 100%;
            min-height: 600px
        }

        #m {
            position: relative
        }

        #fm {
            padding-left: 40px;
            top: -37px
        }

        #lh a {
            margin-left: 62px
        }

        #lh #setf,
        #lh #seth {
            margin-left: 0
        }

        #lk {
            position: absolute;
            display: none;
            top: 0;
            right: 0;
            margin: 33px 0
        }

        #lk span {
            font: 14px "宋体"
        }

        #nv {
            position: absolute;
            display: none;
            top: 0;
            right: 0
        }

        #lm {
            color: #666;
            width: 100%;
            height: 60px;
            margin-top: 60px;
            line-height: 15px;
            font-size: 13px;
            position: absolute;
            top: 0;
            left: 0
        }

        #lm a {
            color: #666
        }

        #pad-version {
            line-height: 40px
        }

        #su.bg,
        .s_btn_wr.bg,
        .s_ipt_wr.bg {
            background-image: none
        }

        #result_logo {
            display: none
        }

        #index_logo img {
            display: inline-block;
            width: 270px;
            height: 129px
        }

        #s_tab {
            display: none
        }

        .s_form_wrapper {
            height: 100%
        }

        .s_form_wrapper.lite {
            top: -191px
        }

        #head .c-icon-bear-round {
            display: none
        }

        #fm .bdsug,
        #form .bdsug {
            top: 35px;
            z-index: 100
        }

        .bdsug {
            width: 538px
        }

        .bdsug.bdsugbg ul {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/sugbg-1762fe7cb1.png) 100% 100% no-repeat;
            background-size: 100px 110px;
            background-image: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/sugbg-90fc9cf8c8.gif)\9
        }

        .quickdelete-wrap {
            position: relative
        }

        #ent_sug {
            position: absolute;
            margin: 141px 0 0 130px;
            font-size: 13px;
            color: #666
        }

        .tools {
            position: absolute;
            right: -75px
        }

        #wrapper .bdbri {
            width: 85px;
            min-height: 100px;
            border-left: 1px solid #e7e7e7;
            position: absolute;
            background-color: #f9f9f9;
            overflow: hidden;
            z-index: 10;
            right: 0;
            top: 0
        }

        #wrapper .bdbriimgtitle {
            color: #333;
            text-align: center;
            width: 66px;
            height: 43px;
            line-height: 43px;
            padding-top: 9px;
            margin: 0 auto;
            border-bottom: #f0f0f0 1px solid;
            font-size: 13px;
            cursor: default
        }

        #wrapper .briscrollwrapper {
            overflow: hidden
        }

        #wrapper .briscrollwrapperContainer {
            position: relative
        }

        #wrapper .bdbri.bdbriimg .bdmainlink a,
        #wrapper .bdbri.bdbriimg .bdothlink a {
            display: block;
            text-align: center;
            width: 66px;
            height: 76px;
            margin: 0 auto;
            border-bottom: #f0f0f0 1px solid;
            color: #666;
            text-decoration: none;
            overflow: hidden
        }

        #wrapper .bdbri.bdbriimg .bdmainlink a:visited,
        #wrapper .bdbri.bdbriimg .bdothlink a:visited {
            color: #666
        }

        #wrapper .bdbri.bdbriimg .bdmainlink a:hover,
        #wrapper .bdbri.bdbriimg .bdothlink a:hover {
            color: #666;
            text-decoration: underline
        }

        #wrapper .bdbri.bdbriimg .bdmainlink a:active,
        #wrapper .bdbri.bdbriimg .bdothlink a:active {
            color: #00c;
            text-decoration: underline
        }

        #wrapper .bdbri.bdbriimg span {
            width: 36px;
            height: 36px;
            display: block;
            margin: 10px auto 5px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/bdbri_icons.png) no-repeat;
            cursor: pointer
        }

        #wrapper .bdbri.bdbriimg .bdbrievenmore,
        #wrapper .bdbri.bdbriimg .bdbrimore {
            clear: both;
            text-align: center
        }

        #wrapper .bdbri.bdbriimg .bdbrievenmore {
            margin-top: 15px;
            height: 30px;
            width: 85px;
            overflow: hidden
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_1 {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/yingxiao-b585c1ec7d.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_2 {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/zhidao-cbf2affcac.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_3 {
            width: 36px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/qqjt-9809ca806e.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_4 {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/image-55b5909a30.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_5 {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/wenku-aaf198d89f.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_6 {
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logos/fengyunbang-1986a40079.png) no-repeat;
            background-size: cover
        }

        #wrapper .bdbri.bdbriimg span.bdbriimgitem_7 {
            background-position: -220px 0
        }

        #wrapper .bdbri.bdbriimg .bdbrievenmore a:link,
        #wrapper .bdbri.bdbriimg .bdbrievenmore a:visited {
            color: #666;
            text-decoration: underline
        }

        #wrapper .bdbri.bdbriimg .bdbrievenmore a:hover {
            color: #666;
            text-decoration: underline
        }

        #wrapper .bdbri.bdbriimg .bdbrievenmore a:active {
            color: #00c
        }

        .bdbriscroll-ctrl-scroll {
            position: absolute;
            top: 10px;
            right: 1px;
            width: 8px;
            border-top: 1px solid #e4e4e4;
            border-left: 1px solid #e4e4e4;
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none
        }

        .bdbriscroll-ctrl-scroll .bdbriscroll-axis {
            width: 8px;
            left: 0;
            z-index: 0;
            position: absolute;
            background: #f2f2f2
        }

        .bdbriscroll-ctrl-scroll-touch .bdbriscroll-axis {
            width: 7px;
            background: #f2f2f2
        }

        .bdbriscroll-ctrl-scroll-hover .bdbriscroll-axis {
            background: #f2f2f2
        }

        .bdbriscroll-ctrl-scroll .bdbriscroll-slider {
            overflow: hidden;
            width: 7px;
            height: 14px;
            position: absolute;
            left: 0;
            z-index: 10;
            display: none;
            background: #d9d9d9;
            margin-top: -1px;
            margin-left: -1px;
            border-right: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            cursor: default
        }

        .bdbriscroll-ctrl-scroll-hover .bdbriscroll-slider,
        .bdbriscroll-ctrl-scroll-touch .bdbriscroll-slider {
            background: #b8b8b8;
            border-right: 1px solid #afafaf;
            border-bottom: 1px solid #afafaf
        }

        .s_ipt::-webkit-input-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt::-moz-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt:-ms-input-placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .s_ipt::placeholder {
            padding-left: 3px;
            color: #aaa;
            font-size: 13px
        }

        .kw-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            color: #aaa;
            font-size: 13px;
            height: 35px;
            line-height: 35px;
            padding-left: 10px;
            max-width: 360px;
            z-index: 99;
            pointer-events: none
        }

        .kw-placeholder.placeholders-hidden {
            visibility: hidden
        }

        .s-skin-hasbg #head_wrapper.s-down .s_ipt:focus {
            border-top: 1px solid #38f !important;
            border-left: 1px solid #38f !important;
            border-bottom: 1px solid #38f !important
        }

        .s-isindex-wrap {
            position: relative
        }

        .s_lm_hide {
            display: none !important
        }

        #head_wrapper.head_wrapper {
            width: auto
        }

        #s_main.main {
            display: none
        }

        #s-bottom-layer-hide-card-btn {
            display: none
        }

        @font-face {
            font-family: cIconfont;
            src: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-e253d720d6.eot);
            src: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-e253d720d6.eot?#iefix) format('embedded-opentype'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-b624973685.woff2) format('woff2'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-cb023b0f8c.woff) format('woff'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-868c7aac4a.ttf) format('truetype'), url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/font/iconfont-0bc40f332a.svg#iconfont) format('svg')
        }

        #passport-login-pop {
            text-align: left
        }

        #s_side_wrapper {
            position: fixed;
            right: 24px;
            bottom: 64px;
            background-color: #fbfbfb;
            width: 44px;
            border-bottom-left-radius: 22px;
            border-bottom-right-radius: 22px;
            border-top-left-radius: 22px;
            border-top-right-radius: 22px
        }

        #s_side_wrapper .c-icon {
            font-family: cIconfont !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #s_side_wrapper .side-entry {
            width: 44px;
            height: 44px;
            border-radius: 50%
        }

        #s_side_wrapper .side-entry .toast {
            display: none;
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
            background: #fff;
            border-radius: 6px;
            position: absolute;
            right: 52px;
            height: 34px;
            line-height: 34px;
            font-size: 13px;
            top: 9px
        }

        #s_side_wrapper .aging-entry {
            line-height: 44px;
            cursor: pointer;
            box-sizing: border-box;
            padding-top: 12px
        }

        #s_side_wrapper .aging-entry .toast {
            width: 84px
        }

        #s_side_wrapper .aging-entry .aging-entry-inner {
            width: 18px;
            height: 18px;
            margin: 0 auto;
            background: url() no-repeat;
            background-size: 16px;
            background-position: center;
            border-radius: 50%;
            border: 1px solid #626675
        }

        #s_side_wrapper .aging-entry:hover {
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
        }

        #s_side_wrapper .aging-entry:hover .toast {
            display: block
        }

        #s_side_wrapper .aging-entry:hover .aging-entry-inner {
            border: 1px solid #4e6ef2
        }

        #s_side_wrapper .qrcode-nologin:hover {
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
        }

        #s_side_wrapper .qrcode-nologin:hover .icon-mask-wrapper .icon {
            display: none
        }

        #s_side_wrapper .qrcode-nologin:hover .icon-mask-wrapper .icon-hover {
            display: block
        }

        #s_side_wrapper .qrcode-nologin:hover .icon-mask-wrapper::before {
            position: absolute;
            top: 0;
            left: -20px;
            content: '';
            width: 44px;
            height: 44px
        }

        #s_side_wrapper .icon-mask-wrapper {
            width: 100%;
            border-radius: 50%;
            padding: 10px 0;
            cursor: pointer
        }

        #s_side_wrapper .icon-mask-wrapper .icon,
        #s_side_wrapper .icon-mask-wrapper .icon-hover {
            height: 24px;
            width: 24px;
            margin-right: auto;
            margin-left: auto;
            display: block
        }

        #s_side_wrapper .icon-mask-wrapper .icon-hover {
            display: none
        }

        #s_side_wrapper .tooltip {
            display: none;
            position: absolute;
            right: 56px;
            bottom: 0;
            background-color: #fff;
            z-index: 303;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            border-radius: 12px
        }

        #s_side_wrapper .qrcode-tooltip {
            width: 289px;
            height: 107px;
            overflow: hidden
        }

        #s_side_wrapper .qrcode-tooltip .text {
            text-align: left;
            margin-top: 28px;
            margin-left: 16px
        }

        #s_side_wrapper .qrcode-tooltip .text .login-text {
            color: #333;
            font-size: 18px;
            margin-bottom: 4px
        }

        #s_side_wrapper .qrcode-tooltip .text .login-text .login-icon {
            margin-right: 4px;
            font-size: 19px
        }

        #s_side_wrapper .qrcode-tooltip .text .login-info {
            font-size: 14px;
            color: #9195a3
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-guideAnim,
        #s_side_wrapper .qrcode-tooltip .pass-form-logo {
            display: none
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-con {
            width: 75px;
            height: 75px;
            position: absolute;
            top: -69px;
            border: none;
            right: 7px;
            padding-top: 8px
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-con img {
            width: 75px;
            height: 75px
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-success.Qrcode-status-con {
            padding-top: 5px;
            padding-right: 10px
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-error,
        #s_side_wrapper .qrcode-tooltip .Qrcode-status-refresh {
            padding-top: 6px;
            padding-right: 12px
        }

        #s_side_wrapper .qrcode-tooltip .tang-pass-qrcode-content {
            padding-top: 0
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-icon {
            width: 20px;
            height: 20px;
            border-radius: 20px;
            background-size: 20px;
            margin: 15px auto 9px
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-icon+p {
            font-size: 12px;
            color: #9195a3;
            font-family: Arial, "Microsoft YaHei", sans-serif
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-status-error .Qrcode-status-icon,
        #s_side_wrapper .qrcode-tooltip .Qrcode-status-refresh .Qrcode-status-icon {
            margin: 5px auto;
            color: #f33;
            font-size: 20px;
            background: 0 0
        }

        #s_side_wrapper .qrcode-tooltip .Qrcode-refresh-btn {
            background: #4e6ef2;
            border-radius: 4px;
            color: #fff;
            font-size: 10px;
            padding: 1px 0;
            -webkit-transform: scale(.8);
            margin-top: -2px;
            width: 60px;
            text-align: center
        }

        #s_side_wrapper .qrcode-tooltip .login-type-tab,
        #s_side_wrapper .qrcode-tooltip .pass-qrcode-download,
        #s_side_wrapper .qrcode-tooltip .tang-pass-qrcode-title {
            display: none !important
        }

        #s_side_wrapper .qrcode-tooltip .tang-pass-qrcode-img {
            margin-top: -18px;
            margin-left: -9px
        }

        #s_side_wrapper .qrcode-tooltip .tang-pass-qrcode-imgWrapper {
            display: block !important
        }

        @media screen and (max-width:1158px) {
            #s_side_wrapper {
                display: none
            }
        }
    </style>
    <style type="text/css" index="common">
        #head_wrapper {
            position: relative;
            height: 40%;
            min-height: 314px;
            max-height: 510px;
            width: 1000px;
            margin: 0 auto
        }

        #head_wrapper .s-p-top {
            height: 60%;
            min-height: 185px;
            max-height: 310px;
            position: relative;
            z-index: 0;
            text-align: center
        }

        #head_wrapper #s_lg_img,
        #head_wrapper #s_lg_img_aging,
        #head_wrapper #s_lg_img_new {
            bottom: 15px !important
        }

        #head_wrapper input {
            outline: 0;
            -webkit-appearance: none
        }

        #head_wrapper input::-webkit-input-placeholder {
            color: #9195a3
        }

        #head_wrapper .s_btn_wr,
        #head_wrapper .s_ipt_wr {
            display: inline-block;
            *display: inline;
            zoom: 1;
            background: 0 0;
            vertical-align: top;
            *vertical-align: middle
        }

        #head_wrapper .s_ipt_wr {
            position: relative;
            width: 546px
        }

        #head_wrapper .s_btn_wr {
            width: 108px;
            height: 44px;
            position: relative;
            z-index: 2
        }

        #head_wrapper .s_ipt_wr:hover #kw {
            border-color: #a7aab5
        }

        #head_wrapper #kw {
            width: 512px;
            height: 16px;
            padding: 12px 16px;
            font-size: 16px;
            margin: 0;
            vertical-align: top;
            outline: 0;
            box-shadow: none;
            border-radius: 10px 0 0 10px;
            border: 2px solid #c4c7ce;
            background: #fff;
            color: #222;
            overflow: hidden;
            box-sizing: content-box
        }

        #head_wrapper #kw:focus {
            border-color: #4e6ef2 !important;
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        #head_wrapper .soutu-env-mac .sam_res_del #kw {
            width: 395px !important;
            padding-right: 133px !important
        }

        #head_wrapper .soutu-env-mac #form .sam_res_del #kw {
            width: 395px !important;
            padding-right: 133px !important
        }

        #head_wrapper.s-down .soutu-env-mac #form .sam_res_del #kw {
            width: 395px !important
        }

        #head_wrapper.s-down .soutu-env-nomac #form .sam_res_del #kw {
            width: 395px !important
        }

        #head_wrapper .soutu-env-nomac .sam_res_del #kw {
            width: 395px !important;
            padding-right: 133px !important
        }

        #head_wrapper .soutu-env-mac #form #kw {
            width: 450px;
            padding-right: 78px
        }

        #head_wrapper.s-down .soutu-env-mac #form #kw {
            width: 450px
        }

        #head_wrapper .soutu-env-nomac #form #kw {
            width: 480px;
            padding-right: 48px
        }

        #head_wrapper.s-down .soutu-env-nomac #form #kw {
            width: 480px
        }

        #head_wrapper .s_form {
            width: 654px;
            height: 100%;
            margin: 0 auto;
            text-align: left;
            z-index: 100
        }

        #head_wrapper .s_btn {
            cursor: pointer;
            width: 108px;
            height: 44px;
            line-height: 45px;
            line-height: 44px\9;
            padding: 0;
            background: 0 0;
            background-color: #4e6ef2;
            border-radius: 0 10px 10px 0;
            font-size: 17px;
            color: #fff;
            box-shadow: none;
            font-weight: 400;
            border: none;
            outline: 0
        }

        #head_wrapper .s_btn:hover {
            background-color: #4662d9
        }

        #head_wrapper .s_btn:active {
            background-color: #4662d9
        }

        #head_wrapper.s-down {
            position: fixed;
            _position: static;
            top: 0;
            left: 0;
            height: 50px;
            min-height: 50px;
            z-index: 20;
            width: 100%;
            padding-top: 15px;
            _margin: 0 auto
        }

        #head_wrapper.s-down .s_form {
            width: 100%;
            min-width: 1250px;
            margin: 0 auto;
            height: 100%;
            padding-left: 0;
            margin-top: 0;
            min-height: 0
        }

        #head_wrapper.s-down .s_form .s_form_wrapper {
            margin: 0 auto
        }

        #head_wrapper.s-down .s-p-top {
            display: none
        }

        #head_wrapper.s-down #result_logo,
        #head_wrapper.s-down .fm {
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: middle;
            margin-left: -119px
        }

        @-webkit-keyframes fadein {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        #head_wrapper.s-down #result_logo {
            -webkit-animation: fadein 1s
        }

        #head_wrapper.s-down .fm {
            margin: 0 0 0 18px
        }

        #head_wrapper.s-down #result_logo img {
            width: 101px
        }

        #head_wrapper.s-down #kw {
            padding: 10px 16px;
            width: 512px
        }

        #head_wrapper.s-down .s_ipt_wr {
            width: 546px
        }

        #head_wrapper.s-down .s_btn,
        #head_wrapper.s-down .s_btn_wr {
            height: 40px
        }

        #head_wrapper.s-down .s_btn {
            line-height: 41px;
            line-height: 40px\9
        }

        #head_wrapper .ipt_rec,
        #head_wrapper .soutu-btn {
            background: #fff url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/searchbox/nicon-10750f3f7d.png) no-repeat;
            width: 24px;
            height: 20px
        }

        @media only screen and (-webkit-min-device-pixel-ratio:2) {

            #head_wrapper .ipt_rec,
            #head_wrapper .soutu-btn {
                background-image: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/searchbox/nicon-2x-6258e1cf13.png);
                background-size: 24px 96px
            }
        }

        #head_wrapper .soutu-btn {
            background-position: 0 -51px;
            right: 16px;
            margin-top: -9px
        }

        #head_wrapper .soutu-btn:hover {
            background-position: 0 -75px
        }

        #head_wrapper .ipt_rec {
            background-position: 0 -2px;
            top: 50%;
            right: 52px !important;
            margin-top: -10px
        }

        #head_wrapper .ipt_rec:hover {
            background-position: 0 -26px
        }

        #head_wrapper .ipt_rec:after {
            display: none
        }

        #head_wrapper .under-tips {
            font-size: 13px;
            color: #222;
            text-align: center
        }

        #head_wrapper .under-tips .links-link {
            color: #222;
            display: inline-block
        }

        #head_wrapper .under-tips .links-link:hover {
            color: #315efb
        }

        #head_wrapper .under-tips .links-link--image {
            display: inline-block;
            width: 176px;
            height: 30px;
            border-radius: 6px;
            overflow: hidden;
            margin-top: 8px
        }

        #head_wrapper .under-tips .links-emphasize-link {
            margin-top: 2px;
            margin-right: 20px;
            padding: 0 8px;
            font-size: 14px;
            text-decoration: none;
            line-height: 30px;
            display: inline-block;
            color: #2027b4;
            border-radius: 6px;
            background: #f5f7fe
        }

        #head_wrapper .under-tips .links-emphasize-link:hover {
            color: #315efb
        }

        #head_wrapper .under-tips .links-emphasize-link.last {
            margin-right: 0
        }

        #head_wrapper .under-tips .icon {
            display: inline-block;
            background-color: #dadde2;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            margin: 0 20px;
            line-height: 18px;
            vertical-align: top
        }

        #head_wrapper #m {
            margin: 38px auto 0 auto;
            width: 100%
        }

        #head_wrapper #m .icon {
            margin-top: 8px
        }

        #head_wrapper #s_lm_wrap {
            position: static;
            margin: 32px auto 0 auto;
            width: 100%
        }

        #head_wrapper #s_lm_wrap .links-wrap {
            display: inline-block;
            margin: 0 auto
        }

        #head_wrapper #s_lm_wrap .links-wrap .links-link:hover {
            text-decoration: none
        }

        #head_wrapper #s_lm_wrap .links-wrap .icon {
            margin-top: 13px
        }

        #head_wrapper.s-ps-islite #m {
            position: absolute;
            bottom: -56px
        }

        #head_wrapper.s-ps-islite #s_lm_wrap {
            position: absolute;
            margin-bottom: 0;
            bottom: -62px;
            left: 0;
            box-sizing: border-box
        }

        #head_wrapper .quickdelete-wrap {
            position: relative
        }

        #head_wrapper .quickdelete {
            width: 16px;
            height: 16px;
            font-size: 16px;
            line-height: 16px;
            color: #d7d9e0;
            position: absolute;
            top: 50%;
            margin-top: -8px;
            display: none;
            cursor: pointer
        }

        #head_wrapper .quickdelete-line {
            display: none;
            height: 14px;
            width: 1px;
            background-color: #f5f5f6;
            position: absolute;
            top: 50%;
            margin-top: -7px
        }

        .s-skin-hasbg #head_wrapper .s_btn {
            background: #4e6ef2;
            color: #fff
        }

        .s-skin-hasbg #head_wrapper .s_btn:hover {
            background-color: #4662d9
        }

        .s-skin-hasbg #head_wrapper .s_btn:active {
            background-color: #4662d9
        }

        .s-skin-hasbg #head_wrapper #form #kw {
            border-color: #4569ff
        }

        .s-skin-hasbg #head_wrapper #form #kw:hover {
            border-color: #4569ff;
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        .s-skin-hasbg #head_wrapper #form #kw:focus {
            border-color: #4569ff !important;
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        .s-skin-hasbg #head_wrapper #form #kw.new-ipt-focus {
            border-color: #4569ff
        }

        .s-skin-hasbg #head_wrapper #s_lm_wrap {
            background-image: none;
            filter: none
        }

        .s-skin-hasbg #head_wrapper #s_lm_wrap .links-wrap {
            background-color: rgba(255, 255, 255, .65) !important;
            padding: 0 12px;
            border-radius: 6px
        }

        .s-skin-hasbg #head_wrapper #s_lm_wrap .links-wrap .icon {
            margin-top: 13px
        }

        .s-skin-hasbg #head_wrapper.s-down #form #kw {
            border-color: #c4c7ce
        }

        .s-skin-hasbg #head_wrapper.s-down #form #kw:hover {
            border-color: #a7aab5;
            opacity: .8;
            filter: alpha(opacity=80)\9
        }

        .s-skin-hasbg #head_wrapper.s-down #form #kw:focus {
            border-color: #4e6ef2 !important;
            opacity: 1;
            filter: alpha(opacity=100)\9
        }

        .s-skin-hasbg #head_wrapper.s-down #form #kw.new-ipt-focus {
            border-color: #4e6ef2
        }

        .s-skin-hasbg #head_wrapper.s-down .s_btn {
            background: #4e6ef2;
            color: #fff
        }

        .s-skin-hasbg #head_wrapper.s-down .s_btn:hover {
            background-color: #4662d9
        }

        .s-skin-hasbg #head_wrapper.s-down .s_btn:active {
            background-color: #4662d9
        }

        #s_top_wrap {
            position: absolute;
            z-index: 99;
            min-width: 1000px;
            width: 100%
        }

        #s_top_wrap.s-down {
            position: fixed;
            _position: absolute;
            top: 0;
            left: 0;
            height: 70px;
            z-index: 10;
            width: 100%
        }

        #s_top_wrap .s-center-box {
            position: relative;
            z-index: 1;
            width: 100%;
            _width: 1000px;
            height: 100%
        }

        #s_top_wrap.s-down .s-center-box {
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            background-color: #fff;
            border-bottom: 1px solid #888\9;
            _border-bottom: 0
        }

        #s_top_wrap .s-top-nav {
            position: absolute;
            top: 70px;
            width: 100%;
            min-width: 1250px;
            _width: 1000px;
            height: 40px;
            overflow: hidden;
            display: none
        }

        .s-top-wrap {
            border-bottom: 0;
            height: 60px;
            background: #fff
        }

        .s-top-left {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 100;
            height: 60px;
            padding-left: 24px
        }

        .s-top-left .mnav {
            margin-right: 31px;
            margin-top: 19px;
            display: inline-block;
            position: relative
        }

        .s-top-left .mnav:hover .s-bri,
        .s-top-left a:hover {
            color: #315efb;
            text-decoration: none
        }

        .s-top-left .s-top-more-btn {
            padding-bottom: 19px
        }

        .s-top-left .s-top-more {
            display: none;
            position: absolute;
            top: 29px;
            right: -12px;
            width: 304px;
            height: 223px;
            background: #fff;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
            border-radius: 12px
        }

        .s-top-left .s-top-more .s-top-more-content.row-1 {
            padding-top: 16px
        }

        .s-top-left .s-top-more .s-top-more-content.row-2 {
            padding-top: 19px
        }

        .s-top-left .s-top-more .s-top-more-content a {
            width: 76px;
            height: 70px;
            float: left
        }

        .s-top-left .s-top-more .s-top-more-content img {
            width: 42px;
            height: 42px;
            margin: auto;
            border: 1px solid rgba(0, 0, 0, .03);
            border-radius: 12px;
            display: block
        }

        .s-top-left .s-top-more .s-top-more-content .s-top-more-title {
            width: 76px;
            text-align: center;
            margin-top: 3px
        }

        .s-top-left .s-top-more .s-top-more-content>a:hover .s-top-more-title {
            color: #315efb
        }

        .s-top-left .s-top-more .s-top-tomore {
            margin-top: 10px
        }

        .s-top-left .s-top-more-btn:hover .s-top-more {
            display: block
        }

        .s-top-right {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            height: 60px;
            padding-right: 24px
        }

        .s-top-right .s-top-right-text {
            margin-left: 32px;
            margin-top: 19px;
            display: inline-block;
            position: relative;
            vertical-align: top;
            cursor: pointer
        }

        .s-top-right .s-top-right-text:hover {
            color: #315efb
        }

        .s-top-right .s-top-username {
            margin-left: 32px;
            margin-top: 15px;
            display: inline-block;
            height: 30px;
            position: relative
        }

        .s-top-right .s-top-username .s-top-img-wrapper {
            position: relative;
            width: 28px;
            height: 28px;
            border: 1px solid #4e71f2;
            display: inline-block;
            border-radius: 50%
        }

        .s-top-right .s-top-username img {
            padding: 2px;
            width: 24px;
            height: 24px;
            border-radius: 50%
        }

        .s-top-right .s-top-username:hover .user-name {
            color: #315efb
        }

        .s-top-right .s-top-username .user-name {
            display: inline-block;
            max-width: 100px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            vertical-align: top;
            margin-top: 3px;
            margin-left: 6px
        }

        .s-top-right .s-top-username.s-hasmsg-tip .s-top-img-wrapper::after {
            content: '';
            position: absolute;
            top: -1px;
            right: 0;
            width: 6px;
            height: 6px;
            border: 1px solid #fff;
            border-radius: 6px;
            background: #f63051
        }

        .s-top-right .s-top-login-btn {
            display: inline-block;
            margin-top: 18px;
            margin-left: 32px;
            font-size: 13px
        }

        .s-top-right a:hover {
            text-decoration: none
        }

        .s-top-userset-menu {
            display: none;
            width: 84px;
            padding: 8px 0;
            top: 48px;
            position: absolute;
            right: 10px;
            float: right;
            z-index: 999;
            text-align: left
        }

        .s-top-userset-menu a {
            display: block;
            margin: 3px 16px 3px 16px;
            color: #333
        }

        .s-top-userset-menu a:hover {
            color: #315efb;
            text-decoration: none
        }

        .s-top-userset-menu .split-line {
            display: block;
            margin: 8px 16px;
            background: #d7d9e0;
            height: 1px
        }

        .s-top-userset-menu .s-msg-count {
            display: none;
            margin-left: 4px
        }

        .s-top-userset-menu .hide-feed {
            display: inline-block
        }

        .s-top-userset-menu .show-feed {
            display: none
        }

        .s-top-userset-menu.hiding-feed .hide-feed {
            display: none
        }

        .s-top-userset-menu.hiding-feed .show-feed {
            display: inline-block
        }

        .s-top-userset-menu.hiding-feed .set-close-homepage-tts,
        .s-top-userset-menu.hiding-feed .set-open-homepage-tts {
            display: none
        }

        .s-skin-hasbg .s-top-wrap {
            background: rgba(0, 0, 0, .2)
        }

        .s-skin-hasbg .s-top-left .mnav,
        .s-skin-hasbg .s-top-left .mnav .s-bri {
            color: rgba(255, 255, 255, .85)
        }

        .s-skin-hasbg .s-top-left .mnav:hover,
        .s-skin-hasbg .s-top-left .mnav:hover .s-bri {
            color: #fff;
            text-decoration: none
        }

        .s-skin-hasbg .s-top-right .s-top-right-text.c-color-t {
            color: rgba(255, 255, 255, .85)
        }

        .s-skin-hasbg .s-top-right .s-top-right-text.c-color-t:hover {
            color: #fff
        }

        .s-skin-hasbg .s-top-right .s-top-username .user-name {
            color: rgba(255, 255, 255, .85)
        }

        .s-skin-hasbg .s-top-right .s-top-username:hover .user-name {
            color: #fff
        }

        .s-top-right.s-down {
            position: fixed;
            left: 0;
            top: 5px;
            min-width: 1250px;
            width: 100%;
            height: 0;
            text-align: right;
            padding-right: 0
        }

        .s-top-right.s-down>* {
            display: none
        }

        .s-top-right.s-down>#s-top-username,
        .s-top-right.s-down>#s-usersetting-top {
            display: inline-block
        }

        .s-top-right.s-down #s-top-username {
            margin-right: 24px
        }

        .s-top-right.s-down .s-top-right-text.c-color-t {
            color: #222
        }

        .s-top-right.s-down .s-top-right-text.c-color-t:hover {
            color: #315efb
        }

        .s-top-right.s-down .s-top-username .user-name {
            color: #222
        }

        .s-top-right.s-down .s-top-username:hover .user-name {
            color: #315efb
        }

        .guide-info {
            background-color: #fff;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            border-radius: 12px 2px 12px 12px;
            height: 36px;
            width: 258px;
            text-align: left;
            position: absolute;
            margin-top: 6px;
            padding: 5px 0 5px 10px;
            display: none
        }

        .guide-info .guide-icon {
            color: #4e6ef2;
            font-size: 15px;
            display: inline-block;
            line-height: 36px;
            vertical-align: top;
            margin-right: 6px
        }

        .guide-info span {
            display: inline-block;
            line-height: 36px;
            vertical-align: top;
            font-size: 13px;
            font-family: Arial, sans-serif;
            color: #333
        }

        .guide-info .guide-close {
            color: #c4c7ce;
            margin-left: 11px;
            display: inline-block;
            width: 20px;
            height: 36px;
            text-align: center;
            line-height: 36px;
            vertical-align: top;
            font-size: 13px;
            cursor: pointer
        }

        .guide-info .guide-close:hover {
            color: #4e6ef2
        }

        .guide-info-login {
            width: 244px
        }

        .s-ie8-hack .s-top-userset-menu {
            margin-right: -20px
        }

        .s-ie8-hack .s-top-userset-menu {
            border: 1px solid #f5f5f6
        }

        .sui-wraper .sui-dialog.sui-dialog-homepage-tts-pannel {
            position: fixed;
            _position: absolute;
            margin: -100px 0 0 -200px;
            border-radius: 6px;
            background: rgba(98, 102, 117, .85);
            border: 0
        }

        .sui-wraper .sui-dialog.sui-dialog-homepage-tts-pannel .homepage-tts-pannel-text {
            color: #fff;
            position: absolute;
            left: 16px;
            top: 8px
        }

        #bottom_layer {
            width: 100%;
            position: fixed;
            z-index: 302;
            bottom: 0;
            left: 0;
            height: 39px;
            padding-top: 1px;
            overflow: hidden;
            zoom: 1;
            margin: 0;
            line-height: 39px;
            background: #fff
        }

        #bottom_layer .lh {
            display: inline;
            margin-right: 20px
        }

        #bottom_layer .lh .emphasize {
            text-decoration: underline;
            font-weight: 700
        }

        #bottom_layer .lh:last-child {
            margin-left: -2px;
            margin-right: 0
        }

        #bottom_layer .lh.activity {
            font-weight: 700;
            text-decoration: underline
        }

        #bottom_layer a {
            font-size: 12px;
            text-decoration: none
        }

        #bottom_layer .text-color {
            color: #bbb
        }

        #bottom_layer a:hover {
            color: #222
        }

        #bottom_layer .s-bottom-layer-content {
            text-align: center
        }

        .s-bottom-space {
            position: static;
            width: 100%;
            height: 40px;
            margin: 23px auto 12px
        }

        #blind-box {
            position: fixed;
            right: 24px;
            bottom: 185px;
            height: 44px;
            width: 44px;
            border-radius: 22px
        }

        #blind-box .blind-search-box {
            position: absolute;
            bottom: -17px;
            right: 0;
            min-width: 208px;
            height: 80px;
            box-sizing: border-box;
            padding: 17px 0 17px 6px;
            overflow: hidden;
            text-align: right
        }

        #blind-box .blind-search-box .blind-search-area {
            background-color: #fff;
            text-align: left;
            display: inline-block;
            height: 46px;
            max-width: 100%;
            width: fit-content;
            white-space: nowrap;
            overflow: hidden;
            box-sizing: border-box;
            padding-right: 56px;
            border-radius: 12px 2px 12px 12px;
            font-size: 13px;
            cursor: pointer;
            color: #333;
            transform: translateX(110%);
            line-height: 46px;
            position: relative
        }

        #blind-box .blind-search-box .blind-search-area .blind-text,
        #blind-box .blind-search-box .blind-search-area .i {
            display: inline-block;
            vertical-align: top
        }

        #blind-box .blind-search-box .blind-search-area i {
            color: #4e71f2;
            font-size: 14px;
            margin-left: 10px
        }

        #blind-box .blind-search-box .blind-search-area .blind-text {
            height: 100%;
            min-width: 50px;
            position: relative;
            line-height: 46px;
            transition: all .3s;
            overflow: hidden
        }

        #blind-box .blind-search-box .blind-search-area .blind-text:hover {
            color: #315efb
        }

        #blind-box .blind-search-box .blind-search-area .blind-text .blind-span {
            line-height: 46px;
            position: absolute;
            white-space: nowrap;
            left: 0;
            top: 0;
            opacity: 0;
            transition: all .3s
        }

        #blind-box .blind-search-box .blind-search-area .blind-text .span-now {
            opacity: 1
        }

        #blind-box .blind-search-box .blind-search-area .blind-text .span-next {
            opacity: 0;
            transform: translateX(-40%)
        }

        #blind-box .blind-search-box .blind-search-area .blind-text .span-last {
            opacity: 0;
            transform: translateX(40%)
        }

        #blind-box .blind-search-box .blind-box-hover {
            transform: translateX(0);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
        }

        #blind-box .blind-search-img {
            height: 80px;
            width: 80px;
            position: absolute;
            left: -12px;
            bottom: 0;
            transform-origin: bottom center;
            transform: scale(.55);
            border-radius: 40px;
            cursor: pointer;
            background-color: #fbfbfb;
            overflow: hidden
        }

        #blind-box .blind-search-img .blind-img {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            object-fit: contain;
            object-position: center;
            opacity: 0;
            transition: all .3s
        }

        #blind-box .blind-search-img .blind-img-show {
            opacity: 1
        }

        #blind-box .blind-img-hover {
            transform: scale(1) translateZ(0);
            border-radius: 0;
            background-color: transparent
        }

        #blind-box .blind-img-ie,
        #blind-box .blind-title-ie {
            cursor: pointer;
            position: absolute;
            bottom: 0;
            right: 0
        }

        #blind-box .blind-title-ie {
            background-color: #fff;
            height: 46px;
            width: 191px;
            line-height: 46px;
            box-sizing: border-box;
            padding: 0 10px;
            font-size: 13px;
            color: #333;
            visibility: hidden
        }

        #blind-box .blind-title-ie:hover {
            color: #315efb
        }

        #blind-box .blind-img-ie {
            height: 44px;
            width: 44px;
            object-fit: cover;
            object-position: center
        }

        #blind-box:hover .blind-img-ie {
            height: 80px;
            width: 80px;
            right: -24px
        }

        #blind-box:hover .blind-img-ie,
        #blind-box:hover .blind-title-ie {
            visibility: visible
        }

        @media screen and (max-width:1158px) {
            #blind-box {
                display: none
            }
        }

        #s_popup_advert {
            position: absolute
        }

        #s_popup_advert .popup-advert {
            display: none;
            position: fixed;
            right: 0;
            bottom: 0;
            z-index: 303;
            width: 100%;
            text-align: center
        }

        #s_popup_advert .advert-link {
            display: block;
            width: 100%
        }

        #s_popup_advert .advert {
            display: block;
            width: 100%;
            height: auto
        }

        #s_popup_advert .right-wrap {
            position: absolute;
            right: 24px;
            top: 0;
            width: 152px;
            height: 30px;
            border-radius: 6px;
            line-height: 30px;
            font-size: 13px;
            color: #9195a3
        }

        #s_popup_advert .popup-count-down {
            float: left;
            padding-left: 10px
        }

        #s_popup_advert .close-wrap {
            float: right;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer
        }

        #s_popup_advert .close-icon {
            vertical-align: middle;
            color: #c0c2c8
        }

        #s_popup_advert .close-text {
            padding-left: 8px
        }

        #s_popup_advert .close-wrap:hover .close-icon {
            color: #9195a3
        }

        #s_popup_advert .close-wrap:hover .close-text {
            color: #626675
        }

        #s_popup_advert .advert-shrink {
            transform: scale(0);
            -ms-transform: scale(0);
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            opacity: 0;
            position: fixed;
            right: 24px;
            bottom: 140px;
            z-index: 303;
            width: 44px
        }

        #s_popup_advert .advert-shrink2 {
            bottom: 184px
        }

        #s_popup_advert .close-shrink {
            cursor: pointer;
            position: absolute;
            left: 41px;
            top: -5px;
            color: #c0c2c8;
            font-size: 12px
        }

        #s_popup_advert .shrink-link {
            display: block;
            height: 44px
        }

        #s_popup_advert .shrink {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 22px
        }

        #s_popup_advert .replay {
            cursor: pointer;
            display: block;
            margin-top: 6px;
            border-radius: 4px;
            text-align: center;
            line-height: 20px;
            font-size: 13px;
            color: #9195a3
        }

        #s_popup_advert .close-shrink:hover {
            color: #9195a3
        }

        #s_popup_advert .replay:hover {
            color: #626675
        }

        @media screen and (max-width:1158px) {
            #s_popup_advert {
                display: none
            }
        }

        .guide-info-new {
            z-index: 999;
            height: 34px;
            padding: 0 15px;
            min-width: 120px;
            background-color: rgba(98, 102, 117, .8);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
            border-radius: 6px 6px 6px 6px;
            text-align: left;
            position: absolute;
            line-height: 35px;
            white-space: nowrap
        }

        .guide-info-new span {
            display: inline-block;
            vertical-align: top;
            font-size: 13px;
            font-family: Arial, sans-serif;
            color: #fff;
            margin-right: -5px
        }

        .guide-info-new .guide-close {
            color: #d7d9e0;
            margin-left: 8px;
            display: inline-block;
            height: 34px;
            text-align: center;
            vertical-align: top;
            margin-top: 0;
            font-size: 13px !important;
            cursor: pointer
        }

        .guide-info-new .guide-arrow-bottom {
            top: -11px;
            right: 10px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/guide_new/arrow-bottom-a44a0c6a30.png)
        }

        .guide-info-new .guide-arrow-left {
            right: -11px;
            top: 10px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/guide_new/arrow-left-a7b272965a.png)
        }

        .guide-info-new .guide-arrow-top {
            bottom: -11px;
            left: 10px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/guide_new/arrow-top-d81f5f8843.png) no-repeat 0 0
        }

        .guide-info-new .guide-arrow-right {
            left: -11px;
            top: 10px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/guide_new/arrow-right-69f7969669.png) no-repeat 0 0
        }

        .guide-info-new .guide-arrow-bottom,
        .guide-info-new .guide-arrow-left,
        .guide-info-new .guide-arrow-right,
        .guide-info-new .guide-arrow-top {
            position: absolute;
            opacity: .8;
            height: 11px;
            width: 11px;
            background-size: 11px 11px
        }

        .guide-info-new :hover .guide-close {
            color: #d7d9e0
        }

        .red-point {
            position: relative
        }

        .red-point::before {
            content: " ";
            border: 3px solid #f73131;
            border-radius: 3px;
            position: absolute;
            z-index: 1000;
            right: 0;
            margin-right: -5px;
            margin-top: -2px
        }

        .color222 {
            color: #222 !important
        }

        .guide-info-login {
            left: -110px;
            top: 55px;
            width: 250px;
            height: 100px;
            background: #f3f6ff;
            border-radius: 8px;
            position: absolute;
            padding: 3px 16px;
            box-sizing: border-box;
            box-shadow: none
        }

        .guide-info-login .guide-left-main {
            float: left;
            height: 95px;
            padding: 8px 0;
            box-sizing: border-box
        }

        .guide-info-login .guide-left-main .guide-first-content,
        .guide-info-login .guide-left-main .guide-first-title {
            margin-top: 2px;
            font-size: 13px;
            color: #222;
            line-height: 14px;
            width: 98px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .guide-info-login .guide-left-main .guide-first-title {
            font-size: 14px;
            font-weight: bolder
        }

        .guide-info-login .guide-left-main .guide-left-content {
            font-size: 13px;
            color: #222;
            line-height: 13px;
            margin: 7px 0 0 0;
            width: 98px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .guide-info-login .guide-right-main {
            float: right;
            width: 120px;
            height: 95px
        }

        .guide-info-login .guide-close {
            position: absolute;
            right: 6px;
            top: -4px;
            height: 25px;
            z-index: 3
        }

        .guide-info-login .guide-close:hover {
            color: #315efb
        }

        .guide-info-login .guide-arrow-bottom {
            width: 24px;
            position: absolute;
            height: 24px;
            top: -11px;
            right: 8px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/guide_new/login-arrow-bottom-b6e96b826d.png)
        }

        .guide-info-login .guide-left-button {
            background: #4e6ef2;
            border-radius: 6px;
            width: 80px;
            height: 30px;
            color: #fff;
            text-align: center;
            line-height: 30px;
            margin-top: 10px;
            cursor: pointer
        }

        .guide-info-login .guide-left-button:hover {
            background: #315efb
        }

        .has-background .darkmode.blue,
        .has-background .darkmode.dark {
            background-color: none
        }

        .s-manhattan-index .aging-scale #bottom_layer {
            position: relative
        }

        .s-p-top .index-logo-aging-tools {
            display: none
        }

        .darkmode.dark #s_main {
            background: rgba(31, 31, 37, .85)
        }

        .darkmode.dark #bottom_layer,
        .darkmode.dark #head,
        .darkmode.dark #s_menu_gurd.s-down,
        .darkmode.dark #s_top_wrap,
        .darkmode.dark #s_top_wrap.s-down .s-center-box,
        .darkmode.dark #s_wrap {
            background-color: #1f1f25
        }

        .darkmode.blue #s_main {
            background: rgba(20, 30, 66, .85)
        }

        .darkmode.blue #bottom_layer,
        .darkmode.blue #head,
        .darkmode.blue #s_menu_gurd.s-down,
        .darkmode.blue #s_top_wrap,
        .darkmode.blue #s_top_wrap.s-down .s-center-box,
        .darkmode.blue #s_wrap {
            background-color: #141e42
        }

        .darkmode .s-bottom-space {
            margin-top: 0
        }

        .darkmode.blue .mnav.s-top-more-btn .s-bri,
        .darkmode.blue .s-ctner-menus .current,
        .darkmode.blue .s-ctner-menus .menus-wrapper,
        .darkmode.blue .s-hotsearch-wrapper .hot-refresh,
        .darkmode.blue .s-hotsearch-wrapper .s-hotsearch-title .title-text,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title .hot-refresh,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title div,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title i,
        .darkmode.blue .s-top-left .mnav,
        .darkmode.blue .s-top-right .s-top-right-text,
        .darkmode.blue .s-top-right .s-top-username .s-top-img-wrapper,
        .darkmode.blue .s-top-right .s-top-username .user-name,
        .darkmode.blue .s-weather-wrapper .s-mod-weather .unknown-city .unknown-setting,
        .darkmode.blue .s-weather-wrapper .show-city-name,
        .darkmode.blue .s-weather-wrapper .show-icon-temp,
        .darkmode.dark .mnav.s-top-more-btn .s-bri,
        .darkmode.dark .s-ctner-menus .current,
        .darkmode.dark .s-ctner-menus .menus-wrapper,
        .darkmode.dark .s-hotsearch-wrapper .hot-refresh,
        .darkmode.dark .s-hotsearch-wrapper .s-hotsearch-title .title-text,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title .hot-refresh,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title div,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title i,
        .darkmode.dark .s-top-left .mnav,
        .darkmode.dark .s-top-right .s-top-right-text,
        .darkmode.dark .s-top-right .s-top-username .s-top-img-wrapper,
        .darkmode.dark .s-top-right .s-top-username .user-name,
        .darkmode.dark .s-weather-wrapper .s-mod-weather .unknown-city .unknown-setting,
        .darkmode.dark .s-weather-wrapper .show-city-name,
        .darkmode.dark .s-weather-wrapper .show-icon-temp {
            color: #ffd862 !important
        }

        .darkmode.blue .mnav.s-top-more-btn .s-bri:hover,
        .darkmode.blue .s-ctner-menus .current:hover,
        .darkmode.blue .s-ctner-menus .menus-wrapper:hover,
        .darkmode.blue .s-ctner-menus .s-menu-item:hover,
        .darkmode.blue .s-hotsearch-wrapper .hot-refresh:hover,
        .darkmode.blue .s-hotsearch-wrapper .s-hotsearch-title .title-text:hover,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title .hot-refresh:hover,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title div:hover,
        .darkmode.blue .s-news-rank-wrapper .s-rank-title i:hover,
        .darkmode.blue .s-top-left .mnav:hover,
        .darkmode.blue .s-top-right .s-top-right-text:hover,
        .darkmode.blue .s-top-right .s-top-username .user-name:hover,
        .darkmode.blue .s-weather-wrapper .s-mod-weather .unknown-city .unknown-setting:hover,
        .darkmode.blue .s-weather-wrapper .show-city-name:hover,
        .darkmode.blue .s-weather-wrapper .show-icon-temp:hover,
        .darkmode.dark .mnav.s-top-more-btn .s-bri:hover,
        .darkmode.dark .s-ctner-menus .current:hover,
        .darkmode.dark .s-ctner-menus .menus-wrapper:hover,
        .darkmode.dark .s-ctner-menus .s-menu-item:hover,
        .darkmode.dark .s-hotsearch-wrapper .hot-refresh:hover,
        .darkmode.dark .s-hotsearch-wrapper .s-hotsearch-title .title-text:hover,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title .hot-refresh:hover,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title div:hover,
        .darkmode.dark .s-news-rank-wrapper .s-rank-title i:hover,
        .darkmode.dark .s-top-left .mnav:hover,
        .darkmode.dark .s-top-right .s-top-right-text:hover,
        .darkmode.dark .s-top-right .s-top-username .user-name:hover,
        .darkmode.dark .s-weather-wrapper .s-mod-weather .unknown-city .unknown-setting:hover,
        .darkmode.dark .s-weather-wrapper .show-city-name:hover,
        .darkmode.dark .s-weather-wrapper .show-icon-temp:hover {
            color: #fff762 !important
        }

        .darkmode.blue .s-ctner-menus .s-menu-item-underline,
        .darkmode.dark .s-ctner-menus .s-menu-item-underline {
            background: #a8acad
        }

        .darkmode #bottom_layer a,
        .darkmode #s_wrap .s-setbar,
        .darkmode #u1 .s-top-right .s-top-right-text.c-color-t,
        .darkmode .s-block-nav .d-nav-item .border-for-item,
        .darkmode .s-block-stock .stock-item .stock-code,
        .darkmode .s-block-stock .stock-item .stock-code a,
        .darkmode .s-block-stock .stock-item .stock-title,
        .darkmode .s-block-stock .stock-item .stock-title a,
        .darkmode .s-code-blocks .nav-item .border-for-item,
        .darkmode .s-code-blocks .s-setbar .set-btn,
        .darkmode .s-code-blocks .s-setbar .set-refresh .c-icon,
        .darkmode .s-isindex-wrap .undertips-link {
            color: #ffd862
        }

        .darkmode #bottom_layer a:hover,
        .darkmode #s_wrap .border-for-item:hover .nav-text,
        .darkmode #s_wrap .s-setbar:hover,
        .darkmode #u1 .s-top-right .s-top-right-text.c-color-t:hover,
        .darkmode .s-block-stock .stock-item .stock-code a:hover,
        .darkmode .s-block-stock .stock-item .stock-code:hover,
        .darkmode .s-block-stock .stock-item .stock-title a:hover,
        .darkmode .s-block-stock .stock-item .stock-title:hover,
        .darkmode .s-code-blocks .s-setbar .set-btn:hover,
        .darkmode .s-code-blocks .s-setbar .set-refresh .c-icon:hover {
            color: #fff762
        }

        .darkmode .s-block-stock .stock-item .stock-highprice,
        .darkmode .s-block-stock .stock-item .stock-lowprice,
        .darkmode .s-block-stock .stock-item .stock-updatetime,
        .darkmode .s-skin-hasbg .s-block-stock .stock-banner,
        .darkmode .s-xmancard-mine_new .tips-manager-btn .manager-btn-text {
            color: #a8acad
        }

        .darkmode #result_logo .index-logo-peak {
            display: block
        }

        .darkmode #result_logo .index-logo-src,
        .darkmode #result_logo .index-logo-srcnew {
            display: none
        }

        .darkmode .s-p-top .index-logo-aging-tools {
            display: block
        }

        .darkmode .s-p-top .index-logo-src,
        .darkmode .s-p-top .index-logo-srcnew,
        .darkmode .s-p-top .s_lg_img_gold_show,
        .darkmode .s-p-top .s_lg_img_gold_showre {
            display: none !important
        }

        .darkmode #s-user-name-menu a,
        .darkmode #s-user-name-menu a:visited,
        .darkmode #s-user-setting-menu a,
        .darkmode #s-user-setting-menu a:visited {
            color: #333
        }

        .darkmode #s-user-name-menu a:hover,
        .darkmode #s-user-setting-menu a:hover {
            color: #315efb
        }
    </style>
    <style type="text/css" index="hotsearch">
        .s-hotsearch-wrapper {
            width: 654px;
            margin: 45px auto 0
        }

        .s-hotsearch-wrapper.hide {
            display: none
        }

        .s-hotsearch-wrapper .s-hotsearch-title {
            height: 24px;
            width: 100%
        }

        .s-hotsearch-wrapper .s-hotsearch-title .title-text {
            float: left;
            user-select: none
        }

        .s-hotsearch-wrapper .s-hotsearch-title .title-text .arrow {
            color: #9195a3;
            font-size: 15px
        }

        .s-hotsearch-wrapper .s-hotsearch-title .title-text:hover {
            color: #315efb
        }

        .s-hotsearch-wrapper .s-hotsearch-title .title-text:hover .arrow {
            color: #315efb
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh {
            cursor: pointer;
            user-select: none;
            float: right;
            height: 16px;
            position: relative;
            top: 1px
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh .c-icon {
            font-size: 16px;
            display: inline-block;
            position: relative;
            top: 1px;
            color: #626675
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh .c-icon.refresh-icon {
            width: 16px;
            height: 16px;
            line-height: 16px
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh .c-icon.rotate {
            -webkit-animation: rotate .2s linear forwards;
            -moz-animation: rotate .2s linear forwards;
            -o-animation: rotate .2s linear forwards;
            animation: rotate .2s linear forwards
        }

        @keyframes rotate {
            0% {
                transform: rotateZ(0)
            }

            100% {
                transform: rotateZ(180deg)
            }
        }

        @-webkit-keyframes rotate {
            0% {
                transform: rotateZ(0)
            }

            100% {
                transform: rotateZ(180deg)
            }
        }

        @-moz-keyframes rotate {
            0% {
                transform: rotateZ(0)
            }

            100% {
                transform: rotateZ(180deg)
            }
        }

        @-o-keyframes rotate {
            0% {
                transform: rotateZ(0)
            }

            100% {
                transform: rotateZ(180deg)
            }
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh .hot-refresh-text {
            font-size: 14px;
            line-height: 14px;
            color: #626675;
            margin-left: 2px
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh:hover {
            color: #315efb;
            text-decoration: none
        }

        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh:hover .c-icon,
        .s-hotsearch-wrapper .s-hotsearch-title .hot-refresh:hover .hot-refresh-text {
            color: #315efb
        }

        .s-hotsearch-wrapper .s-hotsearch-content {
            text-align: left
        }

        .s-hotsearch-wrapper .s-hotsearch-content .hotsearch-item {
            width: 306px;
            float: left
        }

        .s-hotsearch-wrapper .s-hotsearch-content .hotsearch-item.odd {
            margin-right: 20px;
            clear: both
        }

        .s-hotsearch-wrapper .s-hotsearch-content .hotsearch-item.even {
            margin-left: 20px
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content {
            float: left;
            height: 36px;
            line-height: 36px;
            width: 100%
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content .title-content-index {
            margin-right: 4px;
            width: 22px;
            font-family: Arial, sans-serif;
            font-size: 18px;
            line-height: 18px;
            position: relative;
            top: 1px
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content .title-content-title {
            font-size: 16px
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content .title-content-mark {
            margin-left: 6px;
            position: relative;
            top: -2px
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content .title-content-icon {
            display: inline-block;
            width: 62px;
            height: 16px;
            margin-top: -3px;
            margin-right: 3px;
            vertical-align: middle
        }

        .s-hotsearch-wrapper .s-hotsearch-content .title-content:hover {
            color: #315efb;
            text-decoration: underline
        }
    </style>
    <style type="text/css" index="nav">
        .t-color {
            color: #222
        }

        #s_main.show-main {
            display: block;
            padding-top: 18px
        }

        .nologin-nav {
            margin: 2px auto 100px;
            width: 656px;
            text-align: left;
            display: none
        }

        .nologin-nav .nav-menu {
            margin-left: 1px
        }

        .nologin-nav .nav-menu .menu-item {
            margin: 0 24px 12px 0;
            display: inline-block
        }

        .nologin-nav .nav-menu .menu-item:hover {
            color: #222;
            cursor: pointer
        }

        .nologin-nav .nav-menu .current {
            color: #222
        }

        .nologin-nav .nav-menu .current::after {
            content: '';
            width: 28px;
            height: 2px;
            border-radius: 1px;
            background-color: #4e71f2;
            display: block
        }

        .nologin-nav .nav-content-wrapper .nav-content.hide {
            display: none
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line {
            margin-bottom: 19px
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item {
            display: inline-block;
            text-align: center;
            margin-right: 35px;
            margin-right: 29px\9;
            position: relative
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item:last-child {
            margin-right: 0
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item:hover .nav-txt {
            color: #315efb
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .red {
            width: 11px;
            height: 11px;
            position: absolute;
            background: #ffd3d3;
            border-radius: 50%;
            right: 0;
            visibility: hidden
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .red .red-inner {
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #fe6676;
            border-radius: 50%;
            position: absolute;
            right: 2px;
            top: 2px
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .l-title-wrap {
            visibility: hidden;
            height: 21px;
            left: 42px;
            top: -6px;
            position: absolute;
            z-index: 2;
            margin-left: 5px;
            background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/hot_search/pop_tri@1x-f4a02fac82.png) no-repeat 17px 17px;
            background-size: 6px 4px
        }

        @media only screen and (-webkit-min-device-pixel-ratio:2) {
            .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .l-title-wrap {
                background: url(https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/hot_search/pop_tri-a656a7d535.png) no-repeat 17px 17px;
                background-size: 6px 4px
            }
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .l-title-wrap .l-title {
            display: block;
            height: 16px;
            padding: 0 4px;
            background-color: #fe6676;
            border-radius: 12px;
            color: #fff;
            line-height: 16px;
            white-space: nowrap;
            margin-top: 1px;
            min-width: 24px;
            margin-left: 4px
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .l-title-wrap .l-title span {
            display: inline-block;
            font-size: 11px;
            -webkit-transform: scale(.9);
            vertical-align: top
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .nav-block {
            text-decoration: none;
            overflow: hidden
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .nav-block .nav-img {
            width: 64px;
            height: 64px;
            margin: 8px 8px 6px;
            background: #f5f5f6
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .nav-block .nav-txt {
            display: inline-block;
            width: 80px;
            text-align: center
        }

        .nologin-nav .nav-content-wrapper .nav-content .nav-line .nav-item .nav-block .nav-txt:hover {
            color: #315efb
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new {
            margin-top: 2px;
            margin-left: -1px;
            position: relative;
            width: 700px;
            margin-left: -50px;
            padding-left: 50px;
            display: block
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-title {
            display: none
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content {
            overflow: hidden
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item {
            width: 259px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item.odd {
            margin-right: 68px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item.even {
            margin-left: 69px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item .title-content {
            height: 38px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item .title-content .title-content-index {
            margin-right: 9px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .s-hotsearch-content .hotsearch-item .title-content .title-content-title {
            line-height: 32px;
            vertical-align: top
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .pagenav {
            text-align: center;
            margin-top: 21px;
            visibility: hidden
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .pagenav .pagenav-item {
            cursor: pointer;
            background: #e7e9ee;
            border-radius: 3px;
            width: 8px;
            height: 6px;
            display: inline-block;
            margin-right: 8px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .pagenav .pagenav-item:first-child {
            margin-left: -35px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .pagenav .pagenav-item.current {
            width: 11px;
            background: #c3c6d3
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .page-btn {
            display: none;
            width: 34px;
            height: 34px;
            font-size: 20px;
            color: #dfe1ea;
            font-weight: bolder;
            position: absolute;
            top: 56px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            -webkit-user-select: none
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .page-btn:hover {
            background-color: #dfe1ea;
            color: #fff
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .page-btn .page-icon {
            margin-top: 6px;
            display: inline-block
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .front {
            left: -6px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .front .page-icon {
            margin-left: 9px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .next {
            right: -15px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new .next .page-icon {
            margin-left: -8px
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new:hover .pagenav {
            visibility: visible
        }

        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new:hover .front,
        .nologin-nav .nav-content-wrapper .nav-content.nav-content-hot .s-hotsearch-wrapper-new:hover .next {
            display: block
        }
    </style>

</head>

<body>

    <div id="wrapper" class="wrapper_new">
        <script>
            if (window.bds && bds.util && bds.util.setContainerWidth) {
                bds.util.setContainerWidth();
            }
        </script>
        <div id="head">
            <div id="s_top_wrap" class="s-top-wrap s-isindex-wrap">
                <div class="s-top-nav"></div>
                <div class="s-center-box"></div>
            </div>
            <div id="u">
                <a class="toindex" href="/">百度首页</a>
                <a href="javascript:;" name="tj_settingicon" class="pf">设置<i class="c-icon c-icon-triangle-down"></i></a>
                <a href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F&amp;sms=5" name="tj_login" class="lb" onclick="return false;">登录</a>
                <div class="bdpfmenu"></div>
            </div>
            <div id="s-top-left" class="s-top-left s-isindex-wrap">
                <!-- <a href="https://nihongdengxia.com" target="_blank" class="mnav c-font-normal c-color-t">霓虹灯下社区</a>
                <a href="http://www.clblog.club" target="_blank" class="mnav c-font-normal c-color-t">博客</a> -->
                <!-- <a href="http://map.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">地图</a>
                <a href="https://live.baidu.com/" target="_blank" class="mnav c-font-normal c-color-t">直播</a>
                <a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="mnav c-font-normal c-color-t">视频</a>
                <a href="http://tieba.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">贴吧</a>
                <a href="http://xueshu.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">学术</a> -->
                <!-- <div class="mnav s-top-more-btn">
                    <a href="http://www.baidu.com/more/" name="tj_briicon" class="s-bri c-font-normal c-color-t" target="_blank">更多</a>
                    <div class="s-top-more" id="s-top-more">
                        <div class="s-top-more-content row-1 clearfix"><a href="https://pan.baidu.com" target="_blank" name="tj_wangpan"><img src="/static/baidu/img/baiduyun%402x-e0be79e69e.png">
                                <div class="s-top-more-title c-font-normal c-color-t">网盘</div>
                            </a><a href="https://zhidao.baidu.com" target="_blank" name="tj_zhidao"><img src="img/zhidao%402x-e9b427ecc4.png">
                                <div class="s-top-more-title c-font-normal c-color-t">知道</div>
                            </a><a href="https://baike.baidu.com" target="_blank" name="tj_baike"><img src="img/baike%402x-1fe3db7fa6.png">
                                <div class="s-top-more-title c-font-normal c-color-t">百科</div>
                            </a><a href="http://image.baidu.com" target="_blank" name="tj_img"><img src="img/tupian%402x-482fc011fc.png">
                                <div class="s-top-more-title c-font-normal c-color-t">图片</div>
                            </a></div>
                        <div class="s-top-more-content row-2 clearfix"><a href="http://e.baidu.com/ebaidu/home?refer=887" target="_blank" name="tj_yingxiaotuiguang"><img src="img/yingxiao%402x-9ce96df36f.png">
                                <div class="s-top-more-title c-font-normal c-color-t">营销推广</div>
                            </a><a href="https://wenku.baidu.com" target="_blank" name="tj_wenku"><img src="img/wenku%402x-f3aba893c1.png">
                                <div class="s-top-more-title c-font-normal c-color-t">文库</div>
                            </a><a href="https://jingyan.baidu.com" target="_blank" name="tj_jingyan"><img src="img/jingyan%402x-e53eac48cb.png">
                                <div class="s-top-more-title c-font-normal c-color-t">经验</div>
                            </a><a href="http://music.taihe.com" target="_blank" name="tj_mp3"><img src="img/yinyue%402x-c18adacacb.png">
                                <div class="s-top-more-title c-font-normal c-color-t">音乐</div>
                            </a></div>
                        <div class="s-top-tomore"><a class="c-color-gray2 c-font-normal" href="http://www.baidu.com/more/" target="_blank" name="tj_more">查看全部百度产品 &gt;</a></div>
                    </div>
                </div> -->
            </div>
            <!-- <div id="u1" class="s-top-right s-isindex-wrap"><span class="s-top-right-text c-font-normal c-color-t" id="s-usersetting-top" name="tj_settingicon">设置</span>
                <a class="s-top-login-btn c-btn c-btn-primary c-btn-mini lb" style="position:relative;overflow: visible;" id="s-top-loginbtn" href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F&amp;sms=5" name="tj_login" onclick="return false;">登录</a>
                <div id="s-user-setting-menu" class="s-top-userset-menu c-floating-box c-font-normal">
                    <div class="s-user-setting-pfmenu"></div><a class="s-set-hotsearch set-hide" href="javascript:;">关闭热搜</a><a class="s-set-hotsearch set-show" href="javascript:;">开启热搜</a>
                </div>
                <div class="guide-info "><i class="c-icon guide-icon"></i><span>牛年贺岁，登录设置新春皮肤！</span><i class="c-icon guide-close"></i></div>
            </div> -->
            <div id="head_wrapper" class="head_wrapper s-isindex-wrap nologin ">
                <div class="s_form s_form_nologin">
                    <div class="s_form_wrapper">
                        <style>
                            .index-logo-srcnew,
                            .index-logo-peak {
                                display: none;
                            }
                            .row{
                                text-align: left;
                            }
                            .hot-block{
                                border: 2px solid #c4c7ce;
                            }
                            @media (-webkit-min-device-pixel-ratio: 2),
                            (min--moz-device-pixel-ratio: 2),
                            (-o-min-device-pixel-ratio: 2),
                            (min-device-pixel-ratio: 2) {
                                .index-logo-src {
                                    display: none;
                                }

                                .index-logo-srcnew {
                                    display: inline;
                                }
                            }
                        </style>
                        <div id="lg" class="s-p-top" style="margin-bottom: 20px;">
                            <img hidefocus="true" id="s_lg_img" style="margin-left: -230px;" class="index-logo-src" src="/static/baidu/img/gooooooooogle_460x71.png" width="460" height="71" onerror="this.src='//www.baidu.com/img/flexible/logo/pc/index.png';this.onerror=null;" usemap="#mp">
                            <!-- <img hidefocus="true" id="s_lg_img_new" class="index-logo-srcnew" src="/static/baidu/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="270" height="129" onerror="this.src='//www.baidu.com/img/flexible/logo/pc/index@2.png';this.onerror=null;" usemap="#mp">
                            <img hidefocus="true" id="s_lg_img_aging" class="index-logo-aging-tools" src="/static/baidu/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png" width="270" height="129" onerror="this.src='//www.baidu.com/img/flexible/logo/pc/index@2.png';this.onerror=null;" usemap="#mp">
                            <map name="mp"><area style="outline:none;" hidefocus="true" shape="rect" coords="0,0,270,129" href="//www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6%E7%83%AD%E6%90%9C&amp;sa=ire_dl_gh_logo_texing&amp;rsv_dl=igh_logo_pcs" onmousedown="return ns_c({fm: 'tab', tab: 'felogo', rsv_platform: 'wwwhome' })" target="_blank" title="点击一下，了解更多"></map>
                         -->
                        </div>
                            <!-- <a href="/" id="result_logo" onmousedown="return c({'fm':'tab','tab':'logo'})"><img class="index-logo-src" src="/static/baidu/img/result.png" alt="到百度首页" title="到百度首页"><img class="index-logo-srcnew" src="/static/baidu/img/result%402.png" alt="到百度首页" title="到百度首页"><img class="index-logo-peak" src="img/peak-result.png" alt="到百度首页" title="到百度首页"></a> -->
                        <form id="form" name="f" target="_blank" action="https://www.baidu.com/s" class="fm "><input type="hidden" name="ie" value="utf-8"><input type="hidden" name="f" value="8"><input type="hidden" name="rsv_bp" value="1"><input type="hidden" name="rsv_idx" value="1"><input type="hidden" name="ch" value=""><input type="hidden" name="tn" value="baidu"><input type="hidden" name="bar" value=""><span class="bg s_ipt_wr new-pmd quickdelete-wrap"><input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off"></span><span class="bg s_btn_wr"><input type="submit" id="su" value="搜索一下" class="bg s_btn"></span><span class="tools"><span id="mHolder">
                                    <div id="mCon"><span>输入法</span></div>
                                    <ul id="mMenu">
                                        <li><a href="javascript:;" name="ime_hw">手写</a></li>
                                        <li><a href="javascript:;" name="ime_py">拼音</a></li>
                                        <li class="ln"></li>
                                        <li><a href="javascript:;" name="ime_cl">关闭</a></li>
                                    </ul>
                                </span></span><input type="hidden" name="rn" value=""><input type="hidden" name="fenlei" value="256"><input type="hidden" name="oq" value=""><input type="hidden" name="rsv_pq" value="a104184800014e33"><input type="hidden" name="rsv_t" value="6861XkHWy5sFKc2wshazoZoIbXWs2idD2uyfP1qoN4kjkJmnzZmOCGa7dxk"><input type="hidden" name="rqlang" value="cn"></form>
                        <div id="m" class="under-tips s_lm_hide ">
                            <div id="lm-new"></div>
                        </div>
                        <div id="s-hotsearch-wrapper" class="s-isindex-wrap s-hotsearch-wrapper">
                            <div class="s-hotsearch-title"><a class="hot-title" title="Gooooooooogle 搜索社区" href="/bbs.html" target="_blank">
                                    <div class="title-text c-font-medium c-color-t" aria-label="热搜">
                                        <i class="c-icon" style="font-weight: bolder;">进入社区</i>
                                        <i class="c-icon arrow"></i></div>
                                </a>
                                <!-- <a id="hotsearch-refresh-btn" class="hot-refresh c-font-normal c-color-gray2">
                                    <i class="c-icon refresh-icon"></i><span class="hot-refresh-text">换一换</span>
                                </a> -->
                            </div>
                            <ul class="s-hotsearch-content" id="hotsearch-content-wrapper">
                                {{/*{{range $key ,$value := $.Hotnews}}*/}}
                                    <!-- <li class="hotsearch-item " data-index=""><a class="title-content c-link c-font-medium c-line-clamp1" href="" target="_blank"><span class="title-content-index c-index-single c-index-single-hot1"></span><span class="title-content-title">[] </span><span class="title-content-mark c-text c-gap-left-small c-text-hot">热</span></a></li> -->
                                {{/*{{end}}*/}}
                            </ul>
                        </div>
                   </div>
                </div>
            </div>
            <div id="s_wrap" class="s-isindex-wrap" style="margin-bottom: 50px;">
                {{template "home/baidu/hot.html" .}}
                <div id="s_main" class="main clearfix ">
                </div>
            </div>

            <div id="bottom_layer" class="s-bottom-layer s-isindex-wrap">
                <!-- <div class="s-bottom-layer-content">
                    <p class="lh"><a class="text-color" href="//home.baidu.com" target="_blank">关于百度</a></p>
                    <p class="lh"><a class="text-color" href="http://ir.baidu.com" target="_blank">About Baidu</a></p>
                    <p class="lh"><a class="text-color" href="//www.baidu.com/duty" target="_blank">使用百度前必读</a></p>
                    <p class="lh"><a class="text-color" href="//help.baidu.com" target="_blank">帮助中心</a></p>
                    <p class="lh"><a class="text-color" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">京公网安备11000002000001号</a></p>
                    <p class="lh"><a class="text-color" href="https://beian.miit.gov.cn" target="_blank">京ICP证030173号</a></p>
                    <p class="lh"><span class="text-color">©2021&nbsp;Baidu&nbsp;</span></p>
                    <p class="lh"><span class="text-color">互联网药品信息服务资格证书 (京)-经营性-2017-0020</span></p>
                    <p class="lh"><a class="text-color" href="//www.baidu.com/licence/" target="_blank">信息网络传播视听节目许可证 0110516</a></p>
                </div> -->
            </div>
            <script type="application/json" id="promote_login_box">
                false
            </script>
        </div>
       
        <div id="wrapper_wrapper"></div>
    </div>
    <div class="c-tips-container" id="c-tips-container"></div>
    <input id="nextpage" value="2" type="hidden">
	<input id="page" value="1" type="hidden">
</body>
<script type='text/javascript' src='/static/js/jquery-2.2.0.min.js'></script>
<script>
	$(function(){
		
		$("#hotsearch-refresh-btn").click(function () {


				if ($("#nextpage").val() == $("#page").val()){
					return
				}
				$("#page").val(parseInt($("#page").val())+1)

				$.ajax({
					url:'/hotnews?page='+$("#nextpage").val(),
					type:'get',
					success:function (data) {
						if (data.code = 200) {
							var list = data.Data;
                    		var Paginator = data.Paginator;
                   	 		var str = "";
							if (Paginator.currentPage >= Paginator.totalPage){
								//$("#web-article-list").append("到底啦...")
                                $("#nextpage").val(2)
                                $("#page").val(parseInt(1))
								return
							}

							if (list.length > 0) {

								$.each(list, function (k, v) {
                                    var odd
                                    if (k%2 == 0 ){
                                        odd = "odd"
                                    }else{
                                        odd = "even"
                                    }
									str += '<li class="hotsearch-item '+odd+'" data-index="'+(k)+'"><a class="title-content c-link c-font-medium c-line-clamp1" href="'+v.Rurl+'" target="_blank"><span class="title-content-index c-index-single c-index-single-hot1">'+(k+1)+'</span><span class="title-content-title">'+'['+v.Category.Name+'] ' + v.Title+'</span><span class="title-content-mark c-text c-gap-left-small c-text-hot">热</span></a></li>';
								})
							
								$("#hotsearch-content-wrapper").html(str)
								$("#nextpage").val(Paginator.currentPage+1)
							}
						}
					}
				});
			
		})
	})
</script>
</html>